Skip to main content
SimilarExport ZIP
100%

EDAV_interactive

✓ Published1🌍 Public
HHelen-Luwei-Zhang
Last edited Dec 13, 2021
Created on Dec 13, 2021
Forked from EDAV7_1_axes

Four animated bar charts display the reported rate of crimes against women in India across successive years, with categories for female/male and yes/no responses to a survey question. The visualization sequentially transitions between five years of data using D3 v7 transitions that update bar heights, positions, and fill colors. Each staged transition delays two seconds before updating the y-scale domain and rendering new values. The charts render as SVG rectangles with axes, drawing from a CSV dataset about crimes against Indian women.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

EDAV7_1_axes

Animated bar chart compares reported crimes against women in India across four categories—female/no, female/yes, male/no, male/yes—over multiple years. Six sequential stages animate bar heights and colors, using d3.axisBottom for the x-axis and d3.scaleBand and d3.scaleLinear to map categories and values. The transition API with specified durations and delays animates rect attribute changes, while the SVG background highlights the plot area. Data comes from a GitHub-hosted CSV file.

HHelen-Luwei-Zhang
92% match
Loading thumbnail…

EDAV7_1_axes

This example animates a bar chart of crime data against Indian women, showing values for female and male respondents with yes/no categories across multiple years. The bars transition through six sequential datasets, each with a two-second duration and two-second delay, alternating between cornflower blue and forest green. Built with D3 v7, the visualization uses `scaleBand` for the x-axis, `scaleLinear` for the y-axis, and `transition` with duration and delay parameters to update bar heights. The data comes from a CSV file referenced in the README, and the SVG rendering includes a light blue background and axis labels.

HHelen-Luwei-Zhang
89% 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
85% 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
84% match
Loading thumbnail…

Interactive_Scatterplot_Crime_against to woman

This interactive scatterplot displays reported crime cases against women in India across different states from 2001 to 2012, with the year on the x-axis and total cases on the y-axis. A dropdown menu allows viewers to switch between six crime categories, including rape, kidnapping, and dowry deaths, using D3’s event dispatch system. The visualization uses d3.scaleLinear for both axes and d3.axisLeft/axisBottom for tick marks, with animated transitions (d3.transition) that grow circles and smoothly update positions when the selected metric changes. Data comes from a CSV file loaded via d3.csv.

LlzlazmSylas
82% 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
80% match
Loading thumbnail…

ChartInteractive

This interactive visualization shows crime statistics against women across Indian states, combining a choropleth map with two donut charts that summarize data by year and crime type. Users select a year and offense category through dropdowns to update the map’s color encoding and the donut charts’ proportional segments. The map uses D3’s `geoPath` and TopoJSON for state boundaries, while the donuts employ `d3.rollups` and `d3.scaleOrdinal` for aggregation and theming. The charts animate on change, with data sourced from a CSV on crime against Indian women.

Kkaline
79% 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
79% match