Skip to main content
SimilarExport ZIP
100%

Add Interaction - bar chart of crime in India

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

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.

AI-generated description
MIT Licensed

Similar vizzes

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
91% match
Loading thumbnail…

Interactive Bar chart for Crime against Indian Woman

This interactive bar chart displays the number of crimes against women across Indian states, with a dropdown menu to filter by year and another to select a specific crime type. The bars are sorted in descending order, and the bar widths animate smoothly when the selection changes. The visualization uses D3 v7 with `scaleLinear`, `scaleBand`, `rollups`, and `transition` to update the chart. Data comes from a CSV file of reported crimes, aggregated by state and year, with the x-axis showing case counts and the y-axis listing states.

LlzlazmSylas
88% 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
87% 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
87% match
Loading thumbnail…

Bar chart of crime in India

This bar chart displays the total number of rape cases reported across different states in India, with each bar’s height proportional to the case count. The visualization uses D3 v7’s `scaleLinear` and `scaleBand` to map case numbers to horizontal bar lengths and states to vertical positions, rendering as SVG with semi-transparent red bars. The x-axis is labeled “Total number of rape crime cases in India,” and data comes from a CSV file loaded via `d3.csv` containing crime statistics against women.

LlzlazmSylas
87% match
Loading thumbnail…

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

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.

Jjerry691
86% match
Loading thumbnail…

Data Visualization for Indian Crimes

This interactive visualization maps the number of rape crime cases across Indian states, with user-selectable year and crime-type dropdowns. An animated choropleth displays state-level data, while two donut charts show crime-type distributions and yearly trends, all rendered with D3 v7 and TopoJSON for geographic shapes. It uses `d3.rollups` and `d3.scaleOrdinal` for data aggregation and coloring, with datasets on criminal cases and population sourced from GitHub gists.

LlzlazmSylas
85% match
Loading thumbnail…

Dynamic Bar Chart

This dynamic bar chart visualizes crimes against women in India, showing the number of assault cases for each state in a selected year. A dropdown menu lets users switch between years, while bars transition smoothly to updated values and re-sort in descending order. The visualization uses D3 v7 APIs including `csv`, `rollups`, `scaleLinear`, and `scaleBand`, with `transition` and `easeLinear` for animation. Bars change opacity on hover, and value labels appear at the end of each bar. The dataset comes from a CSV hosted in a GitHub gist.

GGabrielle Nyirjesy
84% match