← Back to Articles
2022-07-23frontend

Initial stack: Next.js + Chakra + multi-chart

  • Change: Project bootstrapped from Create Next App (9ba73c3f). Within two days: bar chart, line chart, and pie chart landed individually as separate commits. Recharts, Chart.js/react-chartjs-2, and Nivo were all pulled in during the first week rather than picking one.
  • Why: No single chart lib handled bar, line, heatmap, and speedometer equally well. Fastest path to ship all visualization types within Chakra's design system was to use each lib where it fit rather than fight one lib into every shape.
  • Affected Modules: pages/, src/components/, package.json
  • Trade-offs:
    • Pro: Each chart type rendered with the lib best suited for it; no wrestling with workarounds.
    • Con: Three chart runtimes in the bundle from day one; developer must know which lib owns which chart type to avoid mixing APIs.