Crime Data Analysis - Top 10 Crime Status

100%

Crime Data Analysis - Top 10 Crime Status

✓ Published0🌍 Public

Last edited Jul 27, 2023

Created on Jul 27, 2023

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 7 Pie chart

This example visualizes the Crime Index for the top ten countries using a pie chart, with each slice sized by the country’s Crime Index percentage and colored via a categorical scale. The chart renders as SVG, with a legend listing each country, its color swatch, and its corresponding percentage value. Built with React and D3 v5, the code loads CSV data from a GitHub gist, sorts it in descending order, and slices the top ten entries. It employs d3.pie, d3.arc, d3.scaleOrdinal, and d3.schemeCategory10 for layout and coloring, with mouseover logging to the console.

NNikitha123171

80% match

Loading thumbnail…

Crime Data - Crime Type Occurence Analysis

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.

VVinay Vemuri

79% match

Loading thumbnail…

Fork of Pie Chart

A donut chart displays the top ten countries by crime index for 2020, using D3 v5 with React. The visualization renders SVG arcs via `d3.pie` and `d3.arc`, with colors from `scaleOrdinal` and `schemeCategory10`. Each slice is paired with a legend showing country names and crime index percentages, sorted descending from the CSV data loaded with `d3.csv`. Hovering over a slice logs the value to the console. The chart is styled with CSS and positioned within an SVG canvas.

Bbhanuprasadk19

78% match

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

77% match

Loading thumbnail…

ICE 7 - Pie Chart

This pie chart displays crime rates across ten U.S. states, with each slice labeled by state name and accompanied by a legend showing the corresponding count. Built with D3.js v3, the visualization uses `d3.layout.pie` to compute arc segments, `d3.svg.arc` for rendering the donut shape, and `d3.scale.category20` for slice colors. State names appear as text labels positioned via `arc.centroid`, while a separate legend group lists each state with its count. The chart is rendered as SVG, with styling applied through HTML elements.

BBaswa Sathvika Reddy

76% match

Loading thumbnail…

Massachussetts Top 10 Crime city with margin and axis

This chart visualizes the top 10 Massachusetts cities with the highest crime rates using data from a CSV mapping city crime and population. A bar chart displays each city on the x-axis and its crime rate on the y-axis, with a linear scale correctly inverted to place larger values at the top. Built with React and D3 v5, the code uses `scaleLinear`, `scaleBand`, and `csv` to load and render data as SVG rectangles, alongside gridlines and axis ticks.

CCurran Kelleher

76% match

Loading thumbnail…

pie chart

This pie chart visualizes the top 10 store areas by sales, using D3 v7 to load CSV data, sort it, and render an SVG pie chart with colored slices, labels, and a legend. The code uses `d3.pie()` to compute arc angles, `d3.arc()` to draw paths, and `d3.scaleOrdinal()` for color encoding. Store area names and corresponding sales values appear both on the slices and in a legend, with data sourced from a GitHub-hosted CSV file.

RRohithNaiduDevareddy@my.unt.edu

75% match

Loading thumbnail…

Pie chart-ice-7

This example uses a D3 pie chart to show the top 10 countries by prisoner count, with each slice labeled in thousands and a legend listing country names beside their values. The chart is rendered as SVG using the `d3.pie()` and `d3.arc()` functions, with colors assigned via `d3.scaleOrdinal()`. Data is loaded asynchronously from a CSV file using `d3.csv`, and text labels are positioned with `arc.centroid()`. The visualization highlights the relative share of prisoners per country using a simple categorical color scheme.

SSaiipriiya

75% match