Skip to main content
SimilarExport ZIP
100%

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

✓ Published3🌍 Public
LlzlazmSylas
Last edited Oct 11, 2021
Created on Oct 7, 2021

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Chart

This interactive visualization displays crime statistics against women in India across states and years. It combines an animated choropleth map of India with two interactive donut charts, allowing users to filter data by year and crime type through dropdown menus. The map shows geographic distribution, while the donut charts summarize proportions by year and crime category. Built with D3 v7, the visualization uses `d3.rollups`, `d3.scaleOrdinal`, and `topojson` for geographic processing. The code fetches data from a GitHub Gist CSV and India state boundary TopoJSON, rendering with animated transitions on user selections.

SSejeong Park
87% match
Loading thumbnail…

Fork of Fork of Chart

This interactive dashboard visualizes crime statistics against women in India, using a choropleth map alongside two donut charts. The map displays crime counts per state, while the donut charts break down data by crime type and year, with dropdown menus to switch between selections. Built with d3.v7, the visualization uses d3.scaleOrdinal for color encoding and d3.rollups for data aggregation. The map geometry uses topojson, and the data comes from a CSV file of Indian crime statistics. The charts incorporate simple animations when rendered.

PPedram
86% match
Loading thumbnail…

Fork of Fork of Chart

This interactive visualization presents crime data against Indian women through a choropleth map of India and two animated donut charts. Users select a year and crime type from dropdown menus to update the map's color encoding and the donut charts' proportions. The donuts display the distribution of crime types for a selected year and the yearly trend for a chosen crime type. The code uses D3 v7 with `d3.scaleOrdinal` for color mapping, `d3.rollups` for data aggregation, and CSS transitions for animation. The data comes from a CSV file of crime statistics, and the map uses a TopoJSON file for Indian state boundaries.

Xxieyunli111
86% 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
86% 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
86% match