Crime Rate Pattern
This animated visualization shows changing crime rates across 41 U.S. cities from 1975 to 2015, with each city represented as a labeled point tracing a path over time. The chart uses a small-multiple style grid where the y-axis encodes crime rate per 100,000 residents and the x-axis encodes years. As the animation plays, points move along each city's trajectory, with a highlighted timeline revealing the current year. The design allows viewers to compare both long-term trends and annual fluctuations in crime rates across different municipalities, using SVG rendering and animation via d3.v4.
AI-generated descriptionWhat do you call a joyplot that represents data as half circles rather than as an area path? How about a wartplot?!
This wartplot uses D3's general update pattern to animate transitions with regularly changing data.
- <span style="color:#47ff63">GREEN</span> points are entering
- <span style="color:steelblue">BLUE</span> points are updating
- <span style="color:tomato">RED</span> points are exiting
forked from <a href='http://bl.ocks.org/HarryStevens/'>HarryStevens</a>'s block: <a href='http://bl.ocks.org/HarryStevens/8e11384213b3dd54061fc4fc5add48aa'>Wartplot Update Pattern</a>