jerry691

@jerry691·5 public vizzes

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.

Oct 7, 2021

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.

Sep 30, 2021

Loading thumbnail…

Fork of Fork of Massachusetts Daily COVID-19 Vaccinations - Interactive Barchart

This interactive bar chart shows daily COVID-19 vaccination doses administered in Massachusetts from April to September 2021. The visualization uses a time-scale x-axis and a linear y-axis to map date and dose counts, with each bar representing a single day. Users can hover over bars to see a tooltip with the specific date and dose total, while the chart also includes axis labels. Built with d3.v5, the code uses `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and SVG `rect` elements with mouseover/mousemove/mouseout event handlers to manage the interaction. The data comes from the US Vaccination Data by State/Territory gist.

Sep 29, 2021

Loading thumbnail…

Fork of Fork of Making a Bar Chart

This bar chart displays suicide numbers across countries for specific years, with horizontal bars ordered by count magnitude. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scaleBand` for categorical country labels on the y-axis. Data is loaded from a CSV file using `d3.csv`, with the `suicides_no` field converted to numeric values. The chart includes axis labels and a title, while the dataset originates from the United Nations World Population Prospects 2017 estimates.

Sep 22, 2021

Loading thumbnail…

Fork of Fork of Making a Bar Chart

This bar chart displays the populations of the world’s ten most populous countries, using 2018 estimates from the United Nations World Population Prospects. The visualization encodes each country’s population as the length of a horizontal bar, sorted by value, with a linear scale on the x-axis and a band scale on the y-axis. Built with D3 v5, the code loads data from a CSV file via `d3.csv`, then renders SVG rectangles using `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft`. The data is explicitly parsed into numeric population values before rendering.

Sep 22, 2021