Avatar for the mui user
mui
mui-x
BlogDocsChangelog

[charts] Replace react-spring with d3-transition/CSS transitions

#16945
Comparing
bernardobelchior:d3-animation-poc
(
7815904
) with
master
(
586a1c2
)
CodSpeed Performance Gauge
+13%
Improvements
1
Regressions
0
Untouched
6
New
0
Dropped
0
Ignored
0

Benchmarks

Improved

LineChartPro with big data amount
test/performance-charts/tests/LineChartPro.bench.tsx::LineChartPro::LineChartPro with big data amount
CodSpeed Performance Gauge
+13%
149.5 ms
132.4 ms

Passed

LineChart with big data amount
test/performance-charts/tests/LineChart.bench.tsx::LineChart::LineChart with big data amount
CodSpeed Performance Gauge
+3%
314.9 ms
305.7 ms
FunnelChart with big data amount
test/performance-charts/tests/FunnelChart.bench.tsx::FunnelChart::FunnelChart with big data amount
CodSpeed Performance Gauge
0%
23.9 ms
23.9 ms
ScatterChart with big data amount
test/performance-charts/tests/ScatterChart.bench.tsx::ScatterChart::ScatterChart with big data amount
CodSpeed Performance Gauge
0%
410.9 ms
411 ms
BarChartPro with big data amount
test/performance-charts/tests/BarChartPro.bench.tsx::BarChartPro::BarChartPro with big data amount
CodSpeed Performance Gauge
0%
748.7 ms
749.7 ms
ScatterChartPro with big data amount
test/performance-charts/tests/ScatterChartPro.bench.tsx::ScatterChartPro::ScatterChartPro with big data amount
CodSpeed Performance Gauge
0%
60 ms
60 ms
BarChart with big data amount
test/performance-charts/tests/BarChart.bench.tsx::BarChart::BarChart with big data amount
CodSpeed Performance Gauge
0%
499.6 ms
500.4 ms

Commits

Click on a commit to change the comparison range
Base
master
586a1c2
0%
Create hook
8fc8e6f
16 days ago
by bernardobelchior
0%
Prefer useEffect
1f565ed
16 days ago
by bernardobelchior
0%
Use full arc on first render for SSR
2561da4
16 days ago
by bernardobelchior
+12%
Animate line
9cfc14a
16 days ago
by bernardobelchior
+1%
Use ref-based API
f892080
16 days ago
by bernardobelchior
-1%
Move to layout effect. Use useForkRef.
2ed00fe
16 days ago
by bernardobelchior
+1%
Small improvements
06d7880
16 days ago
by bernardobelchior
+1%
Use linear easing since it looks better. Try to fix SSR.
b9be979
16 days ago
by bernardobelchior
-1%
Fix lint warning
5314120
16 days ago
by bernardobelchior
0%
Remove react-spring from pie
c274055
16 days ago
by bernardobelchior
-1%
Remove react spring from animate area
b7a56a0
16 days ago
by bernardobelchior
0%
Remove react-spring from bar label
7815904
16 days ago
by bernardobelchior
© 2025 CodSpeed Technology
Home Terms PrivacyDocs