mbostock

6 ms·

1.
by mbostock 3mo ago
There’s a similar principle of congruence in information visualization, stated in Animated Transitions in Statistical Data Graphics by Heer & Robertson as: “Maintain valid data graphics during transitions. To ensure viewers’ mental mode
2.
by mbostock 4mo ago
tldraw uses this font. It’s a great fit for emulating hand-written notes on a whiteboard; feels human.
3.
by mbostock 11mo ago
I made an interactive implementation here: https://observablehq.com/@mbostock/smith-chart
4.
Observable Notebooks Data Loaders(observablehq.com)
79 points by mbostock 1y ago|20 comments
5.
by mbostock 1y ago
Thank you. I don’t want to commit to a public timeline on the web editor yet, but rest assured it is a top priority, and we also value the convenience of a web editor, instant collaboration, and community!
6.
by mbostock 1y ago
We’re interested in adding a TypeScript cell mode, probably first with type stripping rather than validating types. I was hoping for a pure JavaScript implementation; maybe we’ll try https://github.com/bloomberg/ts-blan
7.
Observable Notebooks 2.0 Technology Preview(observablehq.com)
235 points by mbostock 1y ago|57 comments
8.
by mbostock 2y ago
Thanks for the feedback. We implemented the transform to strip TypeScript annotations (using esbuild)… https://github.com/observablehq/framework/pull/129 but this approach stalled because it doesn’t implement
9.
by mbostock 2y ago
Currently the only examples are here: https://observablehq.com/framework/jsx
10.
Observable Framework 1.9(github.com)
29 points by mbostock 2y ago|5 comments
11.
by mbostock 2y ago
In what way are these free open-source tools “locked-in” to Observable? Observable Plot is a vanilla JavaScript library that is released under the ISC license and can be used with any style of web development (e.g., React, Svelte, whatever)
12.
by mbostock 2y ago
Here’s the D3 implementation (which is just an interrupted azimuthal equidistant projection): https://observablehq.com/@d3/azimuthal-equidistant-hemispher...
13.
by mbostock 3y ago
Thanks for the feedback. We have a PR open to make it easier to register new interpreters (without needing to fallback to .sh or .exe); it’ll let you specify the interpreter associated with a given file extension (e.g., .kts for Kotlin). h
14.
Observable Framework 1.1(github.com)
20 points by mbostock 3y ago|2 comments
15.
by mbostock 3y ago
You can write ```mermaid run=false for that.
16.
by mbostock 3y ago
We do support it. (And use it!) Please see: https://observablehq.com/framework/lib/arrow#apache-parquet
17.
by mbostock 3y ago
We’re planning to allow changing the default options for blocks (either per-page in front matter or across an entire project using the project config); you could then make `js run=false` the default and `js run` to opt-in to live code as yo
18.
by mbostock 3y ago
If you find this interesting, you might enjoy my write up of the Matoušek-Sharir-Welzl (MSW) algorithm used by D3’s circle-packing layout. https://observablehq.com/@d3/d3-packenclose I still haven’t quite figured out h
19.
by mbostock 3y ago
That “More from Observable creators” is just a standard footer we put across the site for signed-out users to showcase community content across Observable. It’s not part of the notebook. You can ignore everything below the “Appendix”.
20.
by mbostock 3y ago
See Leland Wilkinson’s The Grammar of Graphics . He describes the difference between a chart typology (a fixed set of chart types with a fixed set of configuration options) and a grammar of graphics (a set of orthogonal primitives that can
21.
by mbostock 3y ago
If you’re developing the models locally, perhaps Framework’s preview server could work: it watches local files and automatically pushes updates to the browser when files change. This enables reactive updates for data loaders, but also works
22.
by mbostock 3y ago
Right, conceptually it’s static files, but we could develop a hybrid approach where the server does additional data processing on-demand. We already offer access control, but we could also serve different data snapshots to different users,
23.
by mbostock 3y ago
There are lots of ways to do heatmaps with Observable Plot. See the raster, contour, and cell marks. https://observablehq.com/plot/marks/raster https://observablehq.com/plot/marks/contour
24.
by mbostock 3y ago
We plan on downloading the imported libraries during build so that they are self-hosted, so it’s effectively another way to install them without having to run `npm install`. We also plan on supporting importing libraries from node_modules.
25.
by mbostock 3y ago
Ah, that’s what I thought at first, but I googled for “obsplot” and found the R one and thought I misremembered. Thank you for the correction.
26.
by mbostock 3y ago
For one, you can deploy them to Observable (with `observable deploy`) and we’ll provide access control.
27.
by mbostock 3y ago
Yes, we use continuous deployment (cron) to rebuild as needed. You can also get realtime data on the client if you need to (via fetch or WebSocket to your own servers — it’s “just” JavaScript), but generally we find building static data sna
28.
by mbostock 3y ago
Thank you. At a minimum, you could iframe pages built with Framework, or have them live alongside your other pages and link to them. Maybe it would be possible to use Framework’s internal API to generate HTML that could be embedded within a
29.
by mbostock 3y ago
We’re not expressly targeting the blogging use case — we primarily want to support data apps, dashboards, and reports. But Observable Framework is quite flexible and you can use it for a lot of things; the Framework documentation is itself
30.
by mbostock 3y ago
Did you try running `npm init @observablehq`? It’ll create a starter app for you with everything you need to get started, as described in the Getting started tutorial. https://observablehq.com/framework/getting-started

More ›