Fork of The draft of radial chart
✓ Published0🌍 Public
This radial chart visualizes average flight delays for USA airlines over time, with date values mapped to angles and delay durations mapped to radius. The React component uses d3-scale’s `scaleLinear` for both scales and renders a closed path via `d3.lineRadial` with `curveLinearClosed` in SVG. Data comes from a CSV of daily departure performance, loaded asynchronously with d3.csv. The chart currently displays the radial path without axis ticks or labels, as noted in the project’s documentation.
AI-generated descriptionA radial chart of USA airlines on-time performance.
Things have done:
- Used a cleaner way to transform the chart to center
- Learned how to close the line: using d3.curveLinearClosed
Things to do:
- Using a cleaner way to choose the range for radiusScale, for now just manually select [180, innerHeight/2]
- Choosing a range for the angle scale that represents some periodic amount of time, like years, months, or weeks.
- Adding axes (tick marks and labels) for angle
- Adding axes (tick marks and labels) for radius
MIT Licensed