> For the complete documentation index, see [llms.txt](https://bryan-guner.gitbook.io/my-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bryan-guner.gitbook.io/my-docs/cool-stuff/cool-observable-notebooks.md).

# 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,