Yuta555

@Yuta555·3 public vizzes

NYC Crime

This interactive dashboard visualizes NYC crime data across multiple coordinated views. A map of NYC uses a D3 geoMercator projection and d3.geoPath to display precinct boundaries, with color intensity reflecting crime prevalence. Clicking a precinct updates a donut chart showing crime-type distribution and three bar charts breaking down offenses by victim age and race. Users can filter by crime type through the pie chart and reset all views with a button. The visualization uses D3 v6 with SVG rendering, animated transitions between states, and tooltips for additional detail.

Dec 10, 2022

Loading thumbnail…

Fork of Hello VizHub

This example displays the text “Hello VizHub!” centered in the viewport using a large font size. It demonstrates how to combine D3.js version 5 with ES6 modules, importing the `select` function from D3 via UNPKG and a custom `message` constant from a local file. The code uses `select('#message').text(message)` to set the content of a styled HTML div, showing basic DOM manipulation and modular JavaScript structure within a simple visualization scaffold.

Nov 28, 2022

Loading thumbnail…

NYC viz

This visualization maps the last week of arrest-related incidents in San Francisco, drawing neighborhood boundaries, streets, and colored symbols for each arrest. It uses a Conic Equal-Area projection with `d3.geoPath` to render the basemap from GeoJSON data, while arrest records are fetched live from the SODA API. Interactivity includes a tooltip showing neighborhood names and a details panel. The visualization is built with D3.js v5, rendering to SVG, and relies on `d3.json` for asynchronous data loading.

Nov 28, 2022