Chaoying Zheng

@chaoyingzheng·2 public vizzes

Car Accident Visualization

This interactive bar chart visualizes the frequency of collision details in car accidents, ranking causes from "Other Motor Vehicle" down to "In-Line Skater." Users can click buttons to add or remove bars, revealing progressively less common crash scenarios. Built with D3 v7 and React, the visualization uses `d3.scaleBand` and `d3.scaleLinear` for axes, with SVG rectangles and animations updating the chart dynamically. The data is hardcoded in JavaScript arrays, with axis labels and rotated tick text styled via CSS.

Dec 10, 2021

Loading thumbnail…

Fork of Histogram of BMI by Age

This visualization shows the average Body Mass Index (BMI) by age as a bar chart, with each bar representing the mean BMI of individuals grouped into age bins. The bars are rendered as SVG rectangles using D3 v7’s `scaleLinear`, `bin`, and `sum` APIs. Data comes from the CDC dataset, with BMI calculated from weight and height. The chart includes labeled axes, tick marks, and a title, all styled with custom CSS.

Dec 9, 2021