exploration&Visu

100%

exploration&Visu

✓ Published0🌍 Public

Last edited Feb 10, 2018

Created on Feb 10, 2018

This visualization uses D3 v4’s `d3.histogram` and `d3.scaleBand` to display crime counts as bar charts, with hardcoded arrays for daily and monthly totals. The SVG chart is generated via a reusable `chart` function, which sets up linear scales and an axis, then binds data to rectangle elements for bars. The code includes category labels for crime types and weekdays, but no external data file. Rendering is purely SVG with styled bars and axes.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of Fork of Final Project

This example visualizes crime pattern changes in New York City from 2012 to 2021 across 31 offense categories. The visualization is a static SVG bar chart where clicking a radio button triggers a JavaScript function to display the data with animation. The chart uses D3.js v6 to create a linear scale for the x-axis, mapping the year-based dataset to a 600-pixel-wide view. The SVG rendering, with a light blue background, shows crime counts as bars, with each state type assigned a distinct color from a predefined palette.

YYi Yang

77% match

Loading thumbnail…

Fork of NYC Crime

This visualization of NYC crime data combines a choropleth map, a donut chart, and bar charts in a single SVG canvas. The map uses D3’s `geoMercator` projection to display precincts, while the pie chart and bar plots show crime type, age, and race distributions. Interactive filters let users select a precinct or crime type, updating all views. Built with D3 v6 and React, it uses SVG for rendering and features a reset button for clearing selections.

VVikil Lakkavatri

77% match

Loading thumbnail…

Test

This example uses a dataset of bicycle-related crimes to render a bar chart in SVG, plotting categories from a CSV file along a band scale against their counts on a linear scale. The chart displays the values from the `numbers.csv` data as vertical bars, with axes positioned on the right and bottom using `d3.axisRight` and `d3.axisBottom`. The visualization is built with D3 v4, using `d3.scaleLinear` for the count axis and `d3.scaleBand` for categorical spacing, all within a single SVG element selected via `d3.select`.

GGoomble

76% match

Loading thumbnail…

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.

Ooliverliuoo

76% match

Loading thumbnail…

Fork of D3: NYC Crime Visualization

This interactive visualization explores NYC crime data through a coordinated multi-view dashboard. It combines a geographic heatmap using `d3.geoMercator` and `d3.geoPath` to display precinct-level crime intensity, with a donut chart (via `d3.arc`) breaking down crime types by color. Three bar charts for age, race, and additional demographics update alongside. The SVG-based scene includes a legend, tooltip, and reset button, with all sub-graphs animated over a 24-millisecond duration. The interface supports dynamic filtering by precinct and crime type, using `d3.scaleOrdinal` and linear/band scales for color and axes.

DDing

76% match

Loading thumbnail…

Fork of D3.js Line Chart

This visualization displays country crime indices as a line chart, using a bar-chart-style categorical X axis for countries and a linear Y axis for crime scores. Built with D3 v7, it loads data from a CSV file using `d3.csv`, applies a `scaleBand` for country positioning and `scaleLinear` for the crime index range, and draws the line with `d3.line()`. The SVG chart includes axes, labels, and a thick steel-blue stroke, rendered within a fixed 960×400 pixel canvas and styled with external CSS.

Bbhanuprasadk19

76% match

Loading thumbnail…

d3.js experiment - Donuts, Bars and Crime.

The visualization presents crime data across San Francisco neighborhoods for a selected year, combining donut charts for offense type distribution and bar charts for hourly incident patterns. Each donut chart displays the share of crimes by neighborhood, with the total count centered and interactive hover labels revealing specific neighborhood names and values. The bar charts beneath show the frequency of incidents across 24 hours per offense type. Built with CoffeeScript, it uses D3.js primitives including `d3.svg.arc`, `d3.layout.pie`, and `d3.scale.ordinal` for coloring, while the JSON data source is loaded via `d3.json` from the `top-neighborhoods-{year}.json` endpoint.

CCaged

76% match

Loading thumbnail…

Test

A bar chart displays counts for three crime categories—attempted theft, petty theft, and grand theft—using a linear y-scale and band x-scale. Bars exceeding half the maximum value are highlighted in red, while the rest use a teal fill. The chart is built with D3 v4, loading data from a CSV via `d3.csv`, rendering SVG rectangles, and adding axes with `d3.axisBottom` and `d3.axisLeft`.

GGoomble

76% match