Skip to main content
Log in
A

archob

@archob·5 public vizzes

Loading thumbnail…

Covid Vaers Bar chart

This bar chart visualizes hospital stay durations for COVID-19 vaccine adverse event reports, plotting patient ages on the x-axis against days hospitalized on the y-axis. Using D3 v6 with SVG rendering, the code employs `scaleBand` for the age categories and `scaleLinear` for the hospital days, while `axisBottom` and `axisLeft` generate the labeled axes. The visualization loads data from a local CSV file and initially parses numeric fields before rendering the static chart, with commented-out rect elements suggesting potential interactive hover animations that are not active.

May 24, 2022
Loading thumbnail…

Fork of Fork of Electric Bar Chart Using d3.stack

This visualization displays personal electricity consumption data across a two-year period as a stacked bar chart, with each bar segment representing usage from different household accounts. The chart uses a green and blue color scheme to distinguish between account types, with axes labeled for time periods and kilowatt-hours consumed. The visualization is built using D3.js version 7, employing the d3.stack API to structure the data, along with scaleBand and scaleLinear for positioning, and scaleOrdinal with d3.schemeCategory10 for coloring.

May 24, 2022
Loading thumbnail…

Fork of Stylized Bar Chart

This fork of a stylized bar chart displays the top 10 most populous countries for 2020, using data from the United Nations World Population Prospects 2019. The visualization renders horizontal bars as SVG rectangles via React components, with populations formatted using `d3.format` to abbreviate values like billions. Axes are built with `scaleBand` and `scaleLinear` from D3 v5, and the chart includes hover tooltips via SVG `<title>` elements. The layout uses fixed margins and a Poppins font, loading data asynchronously through a custom `useData` hook.

May 24, 2022
Loading thumbnail…

Fork of Electric Bar Chart Using d3.stack

This interactive stacked bar chart visualizes two years of personal electricity consumption across three residential accounts, with monthly usage broken down by account number. Built with D3 v7, the visualization employs `d3.stack()` to aggregate the data and `scaleBand`/`scaleLinear` axes to map dates and kilowatt-hours. Each colored segment represents one account, rendered as SVG rectangles with hover effects and tooltips showing individual consumption values. The chart uses `scaleOrdinal` with the `d3-scale-chromatic` scheme to distinguish accounts.

May 22, 2022
Loading thumbnail…

Fork of Electric Bar Chart Using d3.stack

This interactive stacked bar chart visualizes two years of personal electricity consumption across three residential accounts, with monthly usage broken down by account number. Built with D3 v7, the visualization employs `d3.stack()` to aggregate the data and `scaleBand`/`scaleLinear` axes to map dates and kilowatt-hours. Each colored segment represents one account, rendered as SVG rectangles with hover effects and tooltips showing individual consumption values. The chart uses `scaleOrdinal` with the `d3-scale-chromatic` scheme to distinguish accounts.

May 22, 2022