~/talk

Efficient Data Visualisation with React and SVG

watch on portal.gitnation.org ↗https://portal.gitnation.org/contents/efficient-data-visualisation-with-react-and-svg
Talkat React Summit 2025 · 2025-06-13..06-17· [data-visualization, react]

speaker

name:Ido Moshe
github:xuprnhbv

resources

video:https://portal.gitnation.org/contents/efficient-data-visualisation-with-react-and-svg
slides:none on file

summary

Covers building data-visualization components by hand using React + SVG with minimal use of D3 for data manipulation (e.g., axes, time-based transforms). Explains SVG fundamentals (shapes, groups, declarative DOM, CSS styling, events), common pitfalls when integrating D3 with React, and patterns for separating data transforms from rendering. Demonstrates concrete components and enhancements—sparklines, pie charts, gauges with needle animation, markers, transitions and CSS animations—and compares DIY SVG components to using charting libraries like AG Charts.

AI-written summary · about

related talks

~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.