http://simonwillison.net/2018-01-31T19:07:55+00:00Simon Willison2018-01-31T19:07:55+00:002018-01-31T19:07:55+00:00https://simonwillison.net/2018/Jan/31/usgs-world-earthquake-map-observable-notebook/#atom-tag

<p><strong><a href="https://beta.observablehq.com/@jashkenas/quakespotter-0-1">USGS World Earthquake Map (observable notebook)</a></strong></p> Here’s an extended version of the notebook constructed by Jeremy Ashkenas in that Observable YouTube demo. You really need to check this thing out—the notebook itself has sliders in that you can manipulate (even on a mobile browser) or you can click to edit the code and see your changes reflected in real-time. If you sign in with GitHub you can fork the project to your own account and save your changes. <p>Tags: <a href="https://simonwillison.net/tags/jeremy-ashkenas">jeremy-ashkenas</a>, <a href="https://simonwillison.net/tags/explorables">explorables</a>, <a href="https://simonwillison.net/tags/observable">observable</a></p>

2018-01-31T17:01:16+00:002018-01-31T17:01:16+00:00https://simonwillison.net/2018/Jan/31/observable-earthquake-globe-ten-minutes/#atom-tag

<p><strong><a href="https://www.youtube.com/watch?v=uEmDwflQ3xE">Observable: An Earthquake Globe in Ten Minutes</a></strong></p> Well worth your time. Jeremy Ashkenas uses Observable to live-code an interactive visualization of recent earthquakes around the world, using USGS data (fetched as JSON), d3, topoJSON and an Observable notebook. I’m sold—this is truly ground-breaking new technology. <p>Tags: <a href="https://simonwillison.net/tags/javascript">javascript</a>, <a href="https://simonwillison.net/tags/jeremy-ashkenas">jeremy-ashkenas</a>, <a href="https://simonwillison.net/tags/visualization">visualization</a>, <a href="https://simonwillison.net/tags/explorables">explorables</a>, <a href="https://simonwillison.net/tags/d3">d3</a>, <a href="https://simonwillison.net/tags/observable">observable</a></p>

2018-01-31T16:46:38+00:002018-01-31T16:46:38+00:00https://simonwillison.net/2018/Jan/31/observable/#atom-tag

<p><strong><a href="https://beta.observablehq.com/">Observable Beta</a></strong></p> Observable just released their beta, and it’s quite something. It’s by Mike Bostock (d3), Jeremy Ashkenas (Backbone, CoffeeScript) and Tom MacWright (Mapbox Studio). The easiest way to describe it is Jupyter notebooks for JavaScript supporting reactive programming—so code is evaluated as you type and you can add interactive widgets (like sliders and canvas views) to construct explorable visualizations on the fly. <p><small></small>Via <a href="https://news.ycombinator.com/item?id=16274686">Hacker News</a></small></p> <p>Tags: <a href="https://simonwillison.net/tags/javascript">javascript</a>, <a href="https://simonwillison.net/tags/jeremy-ashkenas">jeremy-ashkenas</a>, <a href="https://simonwillison.net/tags/d3">d3</a>, <a href="https://simonwillison.net/tags/jupyter">jupyter</a>, <a href="https://simonwillison.net/tags/observable">observable</a>, <a href="https://simonwillison.net/tags/mike-bostock">mike-bostock</a>, <a href="https://simonwillison.net/tags/tom-macwright">tom-macwright</a></p>

2010-03-08T19:27:13+00:002010-03-08T19:27:13+00:00https://simonwillison.net/2010/Mar/8/coffeescript/#atom-tag

<p><strong><a href="http://jashkenas.github.com/coffee-script/documentation/docs/grammar.html">grammar.coffee</a></strong></p> The annotated grammar for CoffeeScript, a new language that compiles to JavaScript developed by DocumentCloud’s Jeremy Ashkenas. The linked page is generated using Jeremy’s Docco tool for literate programming, also written in CoffeeScript. CoffeeScript itself is implemented in CoffeeScript, using a bootstrap compiler originally written in Ruby. <p><small></small>Via <a href="http://news.ycombinator.com/item?id=1175164">Hacker News</a></small></p> <p>Tags: <a href="https://simonwillison.net/tags/coffeescript">coffeescript</a>, <a href="https://simonwillison.net/tags/compilers">compilers</a>, <a href="https://simonwillison.net/tags/docco">docco</a>, <a href="https://simonwillison.net/tags/documentcloud">documentcloud</a>, <a href="https://simonwillison.net/tags/javascript">javascript</a>, <a href="https://simonwillison.net/tags/jeremy-ashkenas">jeremy-ashkenas</a>, <a href="https://simonwillison.net/tags/literateprogramming">literateprogramming</a>, <a href="https://simonwillison.net/tags/programming">programming</a>, <a href="https://simonwillison.net/tags/ruby">ruby</a>, <a href="https://simonwillison.net/tags/selfhosting">selfhosting</a></p>