Observable Plot • Hacker News Board

Re: Observable Plot

#41

Post by domoritz » Wed, May 05, 2021, 2:27 AM UTC

simonw wrote: post #29

I'm so excited about this release. I use and like Vega-Lite, and this is openly inspired by that. The ideas embedded in Vega-Lite are such good ideas that having an alternative implementation of them - especially with the pedigree of D3 and Observable behind them - is a big win. I can't wait to see what happens as Vega-Lite and Observable Plot continue to be inspired by each other in the future.

Thanks for the Vega-Lite feedback. We are huge fans of Observable and D3 and will see what we can learn from Plot.

Re: Observable Plot

#42

Post by boardwaalk » Wed, May 05, 2021, 4:09 AM UTC

Are there Typescript definitions? Bit of a JS/TS noob, maybe it’s obvious, but I couldn’t find any.

Re: Observable Plot

#43

Post by epgui » Wed, May 05, 2021, 5:16 AM UTC

This seems very well crafted. You have my attention!

Re: Observable Plot

#44

Post by drej » Wed, May 05, 2021, 6:53 AM UTC

mbostock wrote: post #2

We’ve been developing Observable Plot for a while now, and I’m thrilled to finally have it out in the public. Feel free to ask me any questions! Or share your plots on Observable and I can make suggestions. ;)

Hey Mike, thanks for all the work you've been doing - I first used D3 back in 2013/2014 and been using them for side projects since.

I haven't dug into the whole v3/v4 modularisation, so that might answer it, but is there a way to minimise the dependencies that Plot brings? You say it needs D3, but what of it does it need specifically, the whole thing? It's just that it's 250K or so, so I was wondering what the minimal setup here is.

Cheers and congrats on the release!

Re: Observable Plot

#45

Post by terpimost » Wed, May 05, 2021, 12:34 PM UTC

Awesome. Does it require access to the document/window or it can be used in React?

Re: Observable Plot

#46

Post by RobinL » Wed, May 05, 2021, 2:11 PM UTC

nightski wrote: post #22

dodgez wrote: post #4

Earlier quoted context omitted.

I didn't see any mention of this, but does Observable Plot support interactive charts? E.g. detailed summary on data point hover?

I'd love to use something like Plot or Vega but this is exactly why I am still using D3. Zoom, Delaunay tooltips, and extensible interactivity that I can get to work well in a React based application are very important. Unfortunately Vega's solution to anything interactive seemed incredibly awkward to me at the time. The only time it seemed like Vega made sense was publication style graphics which was unfortunate.

This can help build interactivity: https://vimeo.com/453645616 http://vega.github.io/lyra/

Re: Observable Plot

#47

Post by terpimost » Wed, May 05, 2021, 3:55 PM UTC

terpimost wrote: post #45

Awesome. Does it require access to the document/window or it can be used in React?

Ok, I see it does use document since there is d3.create() is under the hood.

Re: Observable Plot

#48

Post by iddan » Wed, May 05, 2021, 4:10 PM UTC

I published a thin wrapper for React https://github.com/iddan/plot-react

Re: Observable Plot

#49

Post by nicolaskruchten » Wed, May 05, 2021, 6:50 PM UTC

ZeroCool2u wrote: post #23

When I think of easy to use charting for almost any scientific domain I work with, I usually think of Plotly. How does this compare with Plotly?

If you're familiar with Plotly Express in Python, this is like a Javascript API with similar feel. It's a lot less verbose than the equivalent raw Plotly.js code.

Re: Observable Plot

#50

Post by ZeroCool2u » Wed, May 05, 2021, 7:47 PM UTC

nicolaskruchten wrote: post #49

ZeroCool2u wrote: post #23

When I think of easy to use charting for almost any scientific domain I work with, I usually think of Plotly. How does this compare with Plotly?

If you're familiar with Plotly Express in Python, this is like a Javascript API with similar feel. It's a lot less verbose than the equivalent raw Plotly.js code.

Got it, I had assumed there was an equivalent Plotly express API in JS as there is in Python. Thanks!