Skip to main content
100%

Crime Rate Pattern

✓ Published0🌍 Public
Aapratt2003
Last edited Sep 24, 2017
Created on Sep 24, 2017

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 description

What 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>

gpl-3.0 Licensed

Similar vizzes