mbostock

7 ms·

31.
by mbostock 3y ago
We’re working on the interactivity, but we’re not going to do a Python wrapper as the goal of Observable Framework (and Plot) is to leverage web technologies with JavaScript in the front-end for interactive graphics — while doing whatever l
32.
by mbostock 3y ago
If you generate Apache Parquet files you can use DuckDB to make range requests and not download everything to the client. This is pretty magical and allows you to have surprisingly large datasets still queryable at interactive speeds. But t
33.
by mbostock 3y ago
You can read about our reactive runtime here (it’s the same as Observable notebooks even though Framework uses vanilla JavaScript syntax): https://observablehq.com/@observablehq/how-observable-runs And the source is he
34.
by mbostock 3y ago
And Graphviz (dot) and Mermaid, too!
35.
by mbostock 3y ago
I don’t think the `npm install` will scare people away (Evidence uses that, too), and we’ve definitely tried to make the onboarding process as guided as possible (shout-out to clack.cc for a great CLI prompt library): https://obs
36.
by mbostock 3y ago
Haha, my compliments.
37.
by mbostock 3y ago
The Observable Framework CLI supports a `convert` command for downloading an Observable notebook and converting it to Markdown. E.g., `observable convert @d3/bar-chart` will download the notebook and save a bar-chart.md and alphabet.cs
38.
by mbostock 3y ago
More developer-focused, and yes, you can use git for version control and develop locally, setup continuous deployment, and self-host apps anywhere.
39.
by mbostock 3y ago
1. We don’t have immediate plans to bring other languages to the front-end — maybe TypeScript, but that’s just stripping annotations; maybe some WebAssembly. Our idea is to have a clear serializable “membrane” separating your back-end (in a
40.
by mbostock 3y ago
Hosting & compute — operationalizing/productionizing data apps. Observable Framework is open-source, but our hope is that we offer a compelling complementary paid service for you to host your (typically private) data apps on Observ
41.
by mbostock 3y ago
We’re working on zooming and panning for Observable Plot ( https://github.com/observablehq/plot/pull/1738 ) and other interactions such as brushing ( https://github.com/observablehq/plot&#x2
42.
by mbostock 3y ago
Another tidbit buried in this announcement is that Observable Framework is 100% vanilla JavaScript syntax — so you get Observable’s reactive runtime without the quirky Observable JavaScript syntax (as in Observable notebooks). And you can u
43.
by mbostock 3y ago
Yes! It first felt counterintuitive and constraining to prepare data ahead of time, rather than just loading whatever you want on the fly. But we’ve found this to be a great discipline in practice because it forces you to think about what d
44.
by mbostock 3y ago
Yep, Evidence is doing good work. We were most directly inspired by VitePress; we spent months rewriting both D3’s docs ( https://d3js.org ) and Observable Plot’s docs ( https://observablehq.com/plot ) in VitePress,
45.
by mbostock 3y ago
Hey, HN. We’re thrilled to release Observable Framework today — a new open-source tool for developing data apps. I highly recommend viewing this example report adapted from our internal dashboard analyzing web logs: https://obser
46.
Ertdfgcvb(ertdfgcvb.xyz)
238 points by mbostock 3y ago|60 comments
47.
by mbostock 3y ago
What do you mean by “so little of the internet uses d3 or similar interactivity”?
48.
by mbostock 3y ago
Jason also made a spherical Voronoi map with a dataset of world airports: https://www.jasondavies.com/maps/voronoi/airports/ There’s an Observable version here if you want to see an implementation using d3-ge
49.
by mbostock 3y ago
Yes! We’re trying to make it easy (convenient/fast) to make readable visualizations. If it’s tedious to add a tip, then you won’t do it as often, and you might miss an interesting observation.
50.
by mbostock 3y ago
Thanks, Simon! We’ve been working our way through the most asked-for features. This was #2 after TypeScript declarations which we shipped in 0.6.5. Support for interaction was the biggest conceptual piece left to declare “1.0”, so I’m thril
51.
Observable Plot 0.6.7 released: pointer interaction, tip mark(twitter.com)
65 points by mbostock 3y ago|8 comments
52.
by mbostock 3y ago
I’ve updated the Getting started guide to give examples of both client- and server-side rendering, and there are links to CodeSandbox for code you can copy. React: https://observablehq.com/plot/getting-started#plot-in-r
53.
by mbostock 3y ago
In what sense? All the examples on the Plot documentation site are server-side rendered?
54.
by mbostock 3y ago
Check this out: https://juba.github.io/pyobsplot/
55.
by mbostock 3y ago
It’s a vanilla JavaScript library and you can use it with any framework or site generation tool that you wish. You’re welcome to copy the Vue component we wrote for our VitePress site, or to adapt the same technique for other frameworks. Yo
56.
by mbostock 3y ago
As I mentioned in my other comment, this documentation site is built with VitePress, which is SSG, and we use a Vue component to render the plots statically so that you don’t get any reflow on the client.
57.
by mbostock 3y ago
We built Observable’s chart cell on top of Plot (the auto mark). You can read more about our chart cell here: https://observablehq.com/@observablehq/chart-cell And Plot.auto here: https://observablehq.com&#x
58.
by mbostock 3y ago
I expect we’ll release tooltips in a few weeks; I linked that newer PR in another comment. We’ve been exploring interaction while working on many other things ( https://github.com/observablehq/plot/blob/main&#x
59.
by mbostock 3y ago
This might help: https://observablehq.com/@observablehq/plot-vega-lite More generally, our motivations are here: https://observablehq.com/plot/why-plot
60.
by mbostock 3y ago
If you’re primarily interested in static charts (or your interactivity is driven by external controls, such as drop-downs and sliders, where you can regenerate the chart as needed for interaction), then Plot is ready for use. On the other h

More ›