React Graph Gallery
Dev tools
charting examples gallery
SHOW HN2023
How HN took it
14 positive, 4 neutral or asking, 0 mixed, 2 critical, out of 20 comments about the project. Thread score +0.50.
Docs: 4 for, 1 againstDesign: 4 for, 0 againstIdea: 2 for, 0 againstExecution: 0 for, 1 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Examples are clear and the right level of complexity for learning.
From 3 comments
This is really helpful for me, the right level of example. I find most D3 examples to either be too simple or too complex, this nails the sweetspot of visually impressive, while…
sputknick on HNThis is awesome! I have always wanted to learn about D3.js, but I've never really started. I hope these well-made examples will help. Thank you for creating this.
julien040 on HNWow, I don't know a thing about dataviz but I really liked the website! The real world examples are really helpful to understand why we could use a certain kind of chart. Keep up…
aweb on HN
Beautiful design and background.
From 3 comments
Well, I don't have any constructive feedback, but it's beautiful.
comboy on HNThe page background is wild. It's really neat how it reacts to the mouse cursor.
SkyPuncher on HNDid anyone else just waste 5 minutes playing with the background image? I haven't seen that before - very cool.
MR4D on HN
Objections
Some chart sections like connections/maps are broken or not ready.
From 2 comments
The link for "Connections" (I've been calling them geo-graphs or network maps) seems to be broken, which is a shame. I've had a hard time finding good libraries for them, and…
sterlind on HNAll the map sections are not ready yet. But they will be soon!
holtzy on HN
Examples can be too shallow for complex charts.
From 1 comment
In my experience of implementing some clever financial plots in D3 I find that most examples on websites such as these are very quickly exhausted - unless you're dealing with a…
mhh__ on HN
Requests
More writing on performance and animation.
From 3 comments
Could you tell us what you have learnt about the performance of these tools? E.g. when you write about different approaches to building charts with d3 and react here…
azangru on HNThis subject goes so deep, thank you for creating this. I spent significant time creating my own component that uses elk to lay out a graph, and d3 transitions with interpolation…
tunesmith on HNDo you have a Substack? I remember your name from the data-to-viz. I’m interested in reading more about your experiences and thoughts on the space
Tokumei-no-hito on HN
Export charts as PNG or base64.
From 1 comment
Just curious, does your setup support exporting the charts as base64 or PNG’s?
cududa on HN
Questions
Performance limits of React versus direct D3 DOM rendering for large datasets.
From 2 comments
Could you tell us what you have learnt about the performance of these tools? E.g. when you write about different approaches to building charts with d3 and react here…
azangru on HN> I.e. the data calculations and the drawings shouldn't be done in the same framework (thats were React comes into play). I used to think so too; but I don't any longer.…
azangru on HN
Alternatives named
Visx
From 1 comment
Very cool to explore the code here. Have you looked at Visx? It’s a D3+React mashup library, used by Airbnb and Notion for graphs. https://airbnb.io/visx/gallery
jitl on HN
Observable Plot
From 1 comment
Observable Plot (based on D3) might be a better place to start: https://observablehq.com/blog/introducing-observable-plot
xnx on HN
Vega, Chart.js, Plotly
From 1 comment