Crime Data - Crime Type Occurence Analysis

100%

Crime Data - Crime Type Occurence Analysis

✓ Published0🌍 Public

Last edited Jul 27, 2023

Created on Jul 26, 2023

This bar chart displays the number of occurrences for each crime type in a dataset, with rotated labels along the x-axis to accommodate longer category names. The visualization uses D3.js v7 to load a CSV file via `d3.csv`, aggregate counts with JavaScript objects, and render the chart as SVG. It employs `d3.scaleBand` and `d3.scaleLinear` for positioning, along with `d3.axisBottom` and `d3.axisLeft` to generate axes. The chart includes a title and axis labels, showing that theft or similar categories likely dominate the distribution.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Crime Data Analysis - Location type

This example visualizes crime incidents by location type, with each slice of the pie chart representing a category such as a street, residence, or business. The data is loaded from a CSV file hosted on GitHub Gist using d3.csv, and the pie layout (d3.pie) calculates the arc segments. The SVG rendering applies a categorical color scale (d3.scaleOrdinal with d3.schemeSet2) and labels each slice with its location type and count, while title text appears above the chart.

VVinay Vemuri

82% match

Loading thumbnail…

Chicago Crime Dataset Analysis

This visualization presents a bar chart of Chicago crime data, ranking offense types by their recorded counts, with THEFT and BATTERY as the most frequent. The bars are color-coded and rendered as SVG using D3.js v5, with axes created via d3.axisLeft and d3.axisBottom. The code includes reusable modules for a dropdown menu and color legend, though the current renderer focuses on the bar chart. The data is loaded from a CSV file and processed with d3.csv, with scales built using d3.scaleLinear and d3.scaleBand.

Ssrrajendran

80% match

Loading thumbnail…

Crime Data Analysis - Top 10 Crime Status

This pie chart displays the top 10 crime statuses from a CSV dataset, showing their relative proportions with labels that include percentages. The chart is built using D3.js v7, which loads the data via `d3.csv`, counts occurrences of each status, sorts them, and slices the top 10. `d3.pie` generates the arc data, while `d3.arc` creates the SVG paths and labels. A `d3.scaleOrdinal` with the `schemeCategory10` palette assigns colors to each slice.

VVinay Vemuri

79% match

Loading thumbnail…

Test

A bar chart displays the frequency of different theft-related incidents, with counts ranging from 14 to 1800. The visualization uses D3 v4 with `d3.scaleBand` for the x-axis categories and `d3.scaleLinear` for the y-axis count scale. Data is loaded from a CSV file using `d3.csv`, then rendered as SVG rectangles with a yellow fill. Axis ticks and labels are generated using `d3.axisBottom` and `d3.axisLeft`.

GGoomble

78% 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

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

75% match

Loading thumbnail…

3D Bar Chart using D3.js

This example visualizes crime statistics across Texas cities from January to September using an interactive 3D bar chart rendered with the d3-x3d library and X3DOM. The multi-series chart displays six crime categories—Murder, Car_Theft, Child_Abuse, Accidents, Cyber_Crimes, and Burglary—as colored bars in a three-dimensional space. Data is loaded from a remote CSV file using d3.csv, parsed into a nested format, and passed to the d3.x3d.chart.barChartMultiSeries() component. The visualization relies on d3.v5 for data handling and the d3-3d plugin to project 2D data into 3D coordinates.

Nnagarajuobbineni

74% match

Loading thumbnail…

exploration&Visu

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.

AAminaSGitHub

74% match