# Cool Observable Notebooks

## Cool Observable Notebooks <a href="#cool-observable-notebooks" id="cool-observable-notebooks"></a>

[Barnes-Hut Approximation Error](https://observablehq.com/@jheer/barnes-hut-approximation-error) algorithm, errors, canvas @jheer\
[Deep Learning Tutorial with deeplearn.js](https://observablehq.com/@minsukkahng/deep-learning-tutorial-with-deeplearn-js) ml, deeplearn @minsukkahng\
[tSNE explained in plain javascript](https://observablehq.com/@nstrayer/t-sne-explained-in-plain-javascript) ml, tsne @nstrayer\
[So Fetch](https://observablehq.com/@alecglassford/so-fetch) url, cors @alecglassford\
[Total Chaos](https://observablehq.com/@nstrayer/totalchaos) simulation, chaos @nstrayer\
[Centroid and Voronoi polygons](https://observablehq.com/@redblobgames/centroid-and-voronoi-polygons) voronoi @redblobgames\
[Measuring Color Difference](https://observablehq.com/@mbostock/measuring-color-difference) color @mbostock\
[Coastal Vignettes with JSTS](https://observablehq.com/@rveciana/coastal-vignettes-with-jsts-d3js) map, jsts @rveciana\
[Isobands Geotiff](https://observablehq.com/@lenninlasd/isobands-d3-geotiffjs) geotiff, marching-squares, map @lenninlasd\
[Poly planets](https://observablehq.com/@jdbann/the-planets) map, three @jdbann\
[Shaded Relief](https://observablehq.com/@rveciana/shaded-relief) hillshading, geotiff, map @rveciana\
[Simplex noise on the GPU](https://observablehq.com/@tezzutezzu/simplex-noise-on-the-gpu) gpu, three @tezzutezzu\
[World Population Line Graphs](https://observablehq.com/@lvonlanthen/world-population-line-graphs) map, joyplot, population @lvonlanthen\
[Reshaping Distributions](https://observablehq.com/@redblobgames/reshaping-distributions) simulation, distribution @redblobgames\
[Shaded relief with gpujs and d3js](https://observablehq.com/@rveciana/shaded-relief-with-gpujs-and-d3js/2) hillshading, map, gpu @rveciana\
[Travelling salesperson approximation on the globe, with t-SNE](https://observablehq.com/@fil/travelling-salesperson-on-the-globe) map, tsne @fil\
[Automation is deadly](https://observablehq.com/@tmcw/automation-is-deadly) text, fonts @tmcw\
[Introduction to deeplearn.js](https://observablehq.com/@nsthorat/introduction-to-deeplearn-js) ml, deeplearn, tensor @nsthorat\
[Breakout](https://observablehq.com/@jashkenas/breakout) game @jashkenas\
[Chaos 2](https://observablehq.com/@ahojsenn/chaos-2) chaos, fractal @ahojsenn\
[Swiss Elevation Line Graphs](https://observablehq.com/@lvonlanthen/swiss-elevation-line-graphs) map, line @lvonlanthen\
[Barbs and isobands](https://observablehq.com/@rveciana/trim-example-1-barbs-and-isobands-step-by-step) map, contour, geotiff @rveciana\
[Hilbert Curve Packing](https://observablehq.com/@mourner/hilbert-curve-packing) geometry, hilbert, plane, map, algorithm @mourner\
[Turing Patterns](https://observablehq.com/@sdwfrost/turing-patterns-v1) webgl, generative @sdwfrost\
[Moo and Nearley](https://observablehq.com/@kindy/moo-and-nearley) text, tokenizer @kindy\
[Introduction to Apache Arrow](https://observablehq.com/@theneuralbit/introduction-to-apache-arrow) dataframe, arrow, data @theneuralbit\
[Pencil Trace](https://observablehq.com/@jashkenas/pencil-trace) generative, noise, gpu @jashkenas\
[3D Redshift Explorations](https://observablehq.com/@miketahani/simple-3d-redshift-explorations) space, gpu, three @miketahani\
[Style transfer with cloudinary](https://observablehq.com/@eeeps/quick-n-easy-style-transfer-with-cloudinary) image, api @eeeps\
[Bring your own doodles linear regression](https://observablehq.com/@tmcw/bring-your-own-doodles-linear-regression) stats, demo, interactive @tmcw\
[Heightmap generation using diamond-square algorithm](https://observablehq.com/@ehouais/heightmap-generation-using-diamond-square-algorithm) generative, map @ehouais\
[Federal Budget in a Bottle](https://observablehq.com/@patternleaf/federal-budget-in-a-bottle) viz, explainer, budget @patternleaf\
[Brainscans](https://observablehq.com/@miketahani/brainscans) image, gpu, 3d @miketahani\
[Tesseract.js](https://observablehq.com/@rezpe/testing-the-tesseract-js-package) ocr @rezpe\
[Image histogram](https://observablehq.com/@mbostock/image-histogram) live, video, histogram @mbostock\
[How Observable Runs](https://observablehq.com/@mbostock/how-observable-runs) graph, reactive, meta @mbostock\
[Eviction reports from Eviction Lab](https://observablehq.com/@miketahani/eviction-reports-from-eviction-lab) poster, text, vis, housing @miketahani\
[Heightmap rendering using a floorcasting algorithm](https://observablehq.com/@ehouais/heightmap-rendering-using-a-floorcasting-algorithm) hillshading, heightmap, map, raycasting, gpu @ehouais\
[Hershey Vector Font Explorer](https://observablehq.com/@jonsadka/hershey-vector-font-explorer) font, svg @jonsadka\
[JavaScript replacements for Python data science tools](https://observablehq.com/@tmcw/javascript-replacements-for-python-data-science-tools) meta, dataframes, data, vega, tensorflow @tmcw\
[Greedy picture hanging](https://observablehq.com/@grantcuster/greedy-picture-hanging) algo, arrangement, simple @grantcuster\
[Animated SVG](https://observablehq.com/@lemonnish/animated-svg) svg, simple, animation @lemonnish\
[Can sound add value to data visualizations?](https://observablehq.com/@justingosses/can-sound-add-value-to-data-visualizations) sound, vis, accessibility @justingosses\
[A construction model](https://observablehq.com/@kelleyvanevert/a-construction-model) ganja, geometry, physics, math @kelleyvanevert\
[Computing Pi](https://observablehq.com/@mbostock/computing-pi) pi, math, precision, worker @mbostock\
[Determining the key of BWV1001 - 1st Movement, Adagio](https://observablehq.com/@tmcw/determining-the-key-of-bwv1001-1st-movement-adagio) music, midi, frequency @tmcw\
[Agentscript Core v2](https://observablehq.com/@sdwfrost/agentscript-core-v2) agent, asx, simulation @sdwfrost\
[deck.gl HexagonLayer Example](https://observablehq.com/@pessimistress/deck-gl-hexagonlayer-example) deck.gl, webgl, map @pessimistress\
[Flubber the US](https://observablehq.com/@ryshackleton/flubber-the-us) flubber, map, cartogram, transition @ryshackleton\
[Golden Mona Lisa](https://observablehq.com/@mbostock/golden-mona-lisa) gold, image, geometry @mbostock\
[Square grid maps of the USA](https://observablehq.com/@severo/square-grid-maps-of-the-usa) map, grid, cost @severo\
[tSNE grid selector](https://observablehq.com/@enjalot/t-sne-grid-selector) tsne @enjalot\
[Animating 1 million particles with regl and WebGL](https://observablehq.com/@caged/animating-1-million-particles-with-regl-and-webgl) regl, webgl, tutorial @caged\
[Plate tectonics](https://observablehq.com/@siwill22/platetectonics) earth, map @siwill22\
[Contours from eroded polygons](https://observablehq.com/@floledermann/contours-from-eroded-polygon) contour, map @floledermann\
[Voronoi Stippling](https://observablehq.com/@mbostock/voronoi-stippling) image, dots, voronoi @mbostock\
[Finding palettes of dominant colors with the k-means clustering algorithm](https://observablehq.com/@romaklimenko/finding-palettes-of-dominant-colors-with-the-k-means-cluste) color, kmeans, image @romaklimenko\
[Finding random points in a polygon](https://observablehq.com/@scarysize/finding-random-points-in-a-polygon) geometry, geojson @scarysize\
[Voronoi Borderlands](https://observablehq.com/@mootari/voronoi-borderlands) voronoi @mootari\
[Overpass](https://observablehq.com/@vgeorge/overpass) osm, map, mapbox @vgeorge\
[Centerline labeling](https://observablehq.com/@veltman/centerline-labeling) map, labels @veltman\
[Four-coloring this goddamn fish](https://observablehq.com/@tmcw/four-coloring-this-goddamn-fish) image, contour, voronoi, color @tmcw\
[Running SF](https://observablehq.com/@tmcw/running-sf) map, axidraw @tmcw\
[Stretch the globe](https://observablehq.com/@andreasplesch/geospatial-3d-dom-stretch-the-globe) map, three, dem @andreasplesch\
[3D Topographical Maps with NYC Open Data + D3](https://observablehq.com/@pstuffa/making-maps-with-nyc-open-data) map, 3d, physical @pstuffa\
[Exoplanets](https://observablehq.com/@mbostock/exoplanets) space, circle-packing @mbostock\
[Walmart’s growth 2](https://observablehq.com/@mbostock/walmarts-growth/2) map, growth, network @mbostock\
[Domain Coloring for Complex Functions](https://observablehq.com/@rreusser/domain-coloring-for-complex-functions) math, complex, regl, webgl @rreusser\
[Estimating human pose in the browser with Posenet and Tensorflow.js](https://observablehq.com/@lorenries/estimating-pose-in-the-browser-with-posenet-and-tensorflow-) pose, ml, tensorflow @lorenries\
[How to build a Teachable Machine with TensorFlow.js](https://observablehq.com/@nsthorat/how-to-build-a-teachable-machine-with-tensorflow-js) ml, tensorflow, tutorial @nsthorat\
[Contour plots with D3, regl](https://observablehq.com/@rreusser/contour-plots-with-d3-regl-and-observable) regl, gpu, contour @rreusser\
[Fractal tree](https://observablehq.com/@sethpipho/fractal-tree) fractal, generative, tree @sethpipho\
[Sketchable vector fields](https://observablehq.com/@esperanc/sketchable-vector-fields) 2d, field, interactive, sculpting @esperanc\
[Introduction to Raymarching Distance Functions](https://observablehq.com/@gre/introduction-to-raymarching-distance-functions) 3d, gpu @gre\
[Building an NPM module with Observable](https://observablehq.com/@benatkin/building-an-npm-module-with-observable) dev, npm, literate @benatkin\
[Tricontour](https://observablehq.com/@mojaie/tricontour) voronoi, contour @mojaie\
[Neural net](https://observablehq.com/@delph123/neural-net) ml @delph123\
[Creepy noise trees](https://observablehq.com/@josephg/creepy-noise-trees) generative, tree @josephg\
[Inner swirl](https://observablehq.com/@josephg/inner-swirl) generative @josephg\
[What Part of Your Body Will Kill You at Every Age](https://observablehq.com/@shastabolicious/what-part-of-your-body-will-kill-you-at-every-age) death, viz @shastabolicious\
[Observable imports as a pattern for reusable charts](https://observablehq.com/@petulla/observable-imports-as-a-pattern-for-reusable-charts) viz @petulla\
[Animation with CPPNs](https://observablehq.com/@emilyreif/animation-with-cppns) ml @emilyreif\
[Hello CindyJS](https://observablehq.com/@bryangingechen/hello-cindyjs) math @bryangingechen\
[LiquidFun](https://observablehq.com/@mbostock/liquidfun) simulation @mbostock\
[Buddhabrot playground](https://observablehq.com/@donghaoren/buddhabrot-playground) webgl, buddha, fractal @donghaoren\
[Simple Rectangle Packing](https://observablehq.com/@mourner/simple-rectangle-packing) algorithm, packing @mourner\
[Cloud Optimized GeoTIFFs](https://observablehq.com/@tmcw/cloud-optimized-geotiffs) map, satellite, planet, tiff @tmcw\
[All Buildings in the Netherlands](https://observablehq.com/@bertspaan/all-buildings-in-the-netherlands) map, api @bertspaan\
[A vocal note](https://observablehq.com/@tmcw/a-vocal-note) speech, voice, fft, fourier @tmcw\
[Areal interpolation III](https://observablehq.com/@sahilchinoy/areal-interpolation-iii) map, algorithm, geo, tobler @sahilchinoy\
[Routes to Chaos](https://observablehq.com/@gcalmettes/routes-to-chaos) algorithm, chaos @gcalmettes\
[Torus](https://observablehq.com/@tmcw/torus) torus, geometry, history @tmcw\
[Evolving Tadpoles: Learning using Neural Networks coupled with Genetic Algorithms](https://observablehq.com/@gcalmettes/evolging-tadpoles-learning-using-neural-networks-coupled) simulation, evolution, genetic, voronoi @gcalmettes\
[Boba Science](https://observablehq.com/@kristw/boba-science) boba, tea, simulation @kristw\
[Audio Recognition with TensorFlow](https://observablehq.com/@mbostock/audio-recognition-with-tensorflow) tensorflow, fft, speech, voice, ml @mbostock\
[stdlib: Real-time k-means clustering](https://observablehq.com/@kgryte/stdlib-real-time-k-means-clustering) ml, stdlib, libraries, stats, simulation @kgryte\
[Symbolic math using nerdamer](https://observablehq.com/@yosuke/symbolic-math-using-nerdamer) nerdamer, math, hello @yosuke\
[Scribble paint](https://observablehq.com/@veltman/scribble-paint) paint, canvas, map @veltman\
[Oil painting brushstrokes](https://observablehq.com/@akngs/oil-painting-brushstrokes) paint, canvas, generative @akngs\
[Crayon Mona Lisa](https://observablehq.com/@akngs/crayon-mona-lisa) paint, canvas, generative @akngs\
[Mode Lighting](https://observablehq.com/@maddievision/mode-lighting) music, webgl @maddievision\
[Truchet Tiles variant: Intertwined quarter circles](https://observablehq.com/@xenomachina/truchet-tiles-variant-intertwined-quarter-circles) generative, geometry, canvas @xenomachina\
[Gifs drawn with ridgeline plot](https://observablehq.com/@zechasault/gifs-drawn-with-ridgeline-plot) gif, canvas, map @zechasault\
[How We Made a Map of the United States With "Data Cones"](https://observablehq.com/@stuartathompson/how-we-made-a-map-of-the-united-states-with-data-cones/2) map, projection @stuartathompson\
[Animated SVG Bezier blobs](https://observablehq.com/@luukschipperheyn/animated-svg-bezier-blobs) curve, generative @luukschipperheyn\
[Hexagonal World](https://observablehq.com/@mbostock/hexagonal-world) hex, map, topojson @mbostock\
[Korolev Crater](https://observablehq.com/@ehouais/korolev-crater) space, geotiff, color, 3d, elevation, map @ehouais\
[Voronoi spirals](https://observablehq.com/@mbostock/voronoi-spirals) voronoi @mbostock\
[Inferring chart type from autocorrelationautocorrelation and other evils](https://observablehq.com/@tophtucker/inferring-chart-type-from-autocorrelation-and-other-evils) stats, essay, death @tophtucker\
[Book visualizations sandbox](https://observablehq.com/@bmschmidt/book-visualizations-sandbox) book, text, vega @bmschmidt\
[Munsell spin](https://observablehq.com/@jrus/munsell-spin) color,


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://bryan-guner.gitbook.io/my-docs/cool-stuff/cool-observable-notebooks.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
