oliverliuoo

@oliverliuoo·2 public vizzes

D3: NYC Crime Visualization

This interactive NYC crime visualization presents multiple coordinated views: a choropleth map of precincts, a pie chart of crime types, and bar charts showing age and race distributions. Users can click precincts or crime categories to filter across all views, with a reset button to restore the full dataset. The visualization uses D3 v6 with d3.geoMercator and d3.geoPath for the map projection, d3.arc for the pie chart, and d3.scaleBand for bar charts. Crime data is color-coded via a linear gradient legend and tooltip interactions.

Dec 11, 2021

Loading thumbnail…

nyc-crime-vis

This example demonstrates a basic HTML page with CSS styling and JavaScript, displaying a large centered message reading “Hello HTML!”. The code structure includes a minimal React starter setup, though the visible implementation relies on plain HTML and CSS rather than React components or data visualization libraries. The page uses a `.message` class with a font-size of 13em to render oversized text, serving as a placeholder for future development. No external data sources or rendering APIs are utilized in this current state.

Dec 11, 2021