Skip to main content
SimilarExport ZIP
100%

Fork of Iterate my work - bar chart of crime in India

✓ Published0🌍 Public
Jjerry691
Last edited Oct 7, 2021
Created on Oct 7, 2021

This bar chart visualizes rape crime cases across Indian states for the year 2008, with states sorted in descending order along the y-axis and case counts on the x-axis. The visualization uses D3.js v7 to load CSV data, aggregate values with d3.rollup, and render the chart with scaleBand and scaleLinear scales. Interactive hover effects reveal state names via a tooltip, while axis labels and a chart title clarify the data. The source dataset comes from a gist containing crime statistics against women.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Iterate my work chart of crime in India

This chart displays the total number of rape cases across Indian states for 2008, with states sorted in descending order along the vertical axis and case counts on the horizontal axis. Built with D3 v7, the visualization uses `scaleLinear` and `scaleBand` to map the aggregated data, which is processed via `rollup` and `descending` from a CSV file of crimes against women. Rendered as SVG rectangles, the chart includes a tooltip that becomes visible on mouseover, though it does not display specific data values.

Jjerry691
95% match
Loading thumbnail…

Fork of Fork of Fork of Iterate my work - bar chart of crime in India_VER1.3

This bar chart visualizes crimes against women across Indian states for a selected year, with dropdown menus to filter by year and crime type. The data is loaded from a CSV file and aggregated by state, then displayed in descending order of case counts. The visualization uses d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis, and d3.rollups to group the dataset. Bars transition smoothly when filters change, and a mouseover effect adjusts bar opacity to provide hover feedback.

JJonathan Taylor
92% match
Loading thumbnail…

Fork of Fork of Fork of Iterate my work - bar chart of crime in India_VER1.3

This visualization displays crime data across Indian states, showing the number of cases for various offense types on a horizontal bar chart. Users can filter by year and crime category through dropdown menus. The chart sorts states in descending order and includes hover effects that adjust bar opacity. The code uses D3 v7 with `rollups` for data aggregation, `scaleLinear` and `scaleBand` for axes, and `transition` with `easeLinear` for animated updates. Data comes from a CSV file of crimes against women in India.

TTakashi-KK
91% match
Loading thumbnail…

Fork of INTER - bar chart of crime in India VER.3

This bar chart shows the total number of rape cases recorded across Indian states for the year 2008, with states sorted in descending order along the y-axis. Built with D3.js v7, the visualization uses `d3.rollup` to aggregate the dataset by state and `d3.scaleLinear` and `d3.scaleBand` for axes. Each bar responds to mouseover events by changing opacity and displaying a tooltip with the state name. The SVG rendering includes custom axis styling and labels for the chart title and axis titles.

LlzlazmSylas
90% match
Loading thumbnail…

Fork of Fork of Iterate my work - bar chart of crime in India_VER1.3

This interactive bar chart displays crime statistics across Indian states for a selected year and crime type. Users choose parameters from two dropdown menus, and the visualization responds by filtering and sorting the data in descending order. The chart uses D3 v7 scales and axes to render horizontal bars, with hover effects that adjust bar opacity. The visualization reads from a CSV dataset containing crimes against women, aggregating values by state and year through the d3.rollups function.

LlzlazmSylas
90% match
Loading thumbnail…

Iterate my work - bar chart of crime in India

This bar chart shows the total number of rape cases per state in India for the year 2008, sorted in descending order. It uses D3 v7’s `scaleBand` and `scaleLinear` with SVG rendering. A `rollup` call aggregates cases by state, and an axes are drawn with `axisLeft` and `axisBottom`. Bars change opacity on hover and display the state name via a tooltip div, while a fixed year filter removes overlapping bars.

LlzlazmSylas
90% match
Loading thumbnail…

INTER - bar chart of crime in India VER.2

This bar chart displays the total number of rape cases reported across Indian states for the year 2008, sorted in descending order. The visualization uses D3 v7 with SVG rendering and animated transitions, featuring a hover effect that highlights each bar and displays the state name in a tooltip. The code filters the dataset to a specific year, aggregates the crime data using d3.rollup, and scales the bar lengths with d3.scaleLinear and d3.scaleBand. Data comes from a CSV file hosted on GitHub Gist, with axes labeled for state and case count.

LlzlazmSylas
88% match
Loading thumbnail…

Add Interaction - bar chart of crime in India

This interactive bar chart visualizes rape crime cases across Indian states for a selected year from 2001 to 2014. A dropdown menu filters the data by year, and bars are sorted in descending order by case count. Hovering over a bar triggers a transition that adjusts opacity and displays the state name in a tooltip. The visualization uses d3.csv to load the dataset, d3.scaleLinear and d3.scaleBand for scaling, and d3.axisLeft and d3.axisBottom for axes, with SVG rendering and D3 transitions for the hover effect.

LlzlazmSylas
86% match