Untitled

100%

✓ Published0🌍 Public

Last edited Dec 14, 2021

Created on Dec 14, 2021

Forked from Untitled

This interactive visualization displays time-series data on COVID-19 cases and vaccination rates in nursing homes. A dropdown menu lets users select which metric to plot—resident confirmed cases, deaths, weekly increases, or staff cases—with smooth line transitions updating the chart. A second graph shows full vaccination rates for residents and staff alongside bed occupancy, with hover details. The visualization uses D3 v6 for the first chart and D3 v4 with dimple for the second, reading CSV data from a GitHub repository.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Untitled

This example presents two linked charts for exploring COVID-19 data in nursing homes. The first chart uses a dropdown menu with d3.v4 to display time series lines for different metrics (resident confirmed cases, deaths, weekly increases, and staff cases) drawn as SVG paths. The second chart, built with dimple and d3, visualizes vaccination rates and bed occupancy, allowing hover interactions to reveal specific values. Both graphs together help users examine relationships between case counts and vaccination coverage.

SScottSu0114

94% match

Loading thumbnail…

Untitled

This visualization shows the progression of confirmed COVID-19 cases, deaths, and recoveries across multiple countries from January to March 2020. It uses a multi-line chart with time on the x-axis and case counts on the y-axis. The code loads data from three CSV files and uses d3.csv, d3.scaleLinear, d3.line, d3.axisLeft, d3.axisBottom, and d3.curveBasis to render the chart. A timer updates the displayed date range, animating the lines as new data points appear over time.

RRodrigo Vallejos

81% match

Loading thumbnail…

COVID-19

This interactive D3.js visualization displays COVID-19 metrics over time for selected countries, allowing viewers to toggle between confirmed cases, deaths, and recoveries via two dropdown menus. The line chart uses a time-based x-axis and a linear y-axis, with a single red, blue, or green line rendered per selection. Data is loaded from a CSV file, processed by nesting and grouping entries by date, and filtered by country. The visualization uses D3's `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` for smooth curves.

WW9183907

79% match

Loading thumbnail…

Untitled

A line chart depicts COVID-19 cases and deaths in the US over time. Two smooth, animated curves, one red and one blue, trace these metrics, with axes for dates and population counts. Built with React, D3 v4, and SVG, it uses `d3.line`, `d3.curveMonotoneX`, and `d3.transition` for drawing. Data comes from a CSV file, which is loaded via `d3.csv`.

SSaroj Khanal

79% match

Loading thumbnail…

Untitled

This visualization displays COVID-19 total cases by location using a bar chart rendered with SVG. It loads data from a CSV file via d3.csv, then uses d3.scaleBand for the categorical x-axis and d3.scaleLinear for the y-axis, with a fixed domain of 0 to 13. The bars are drawn as rectangles with a teal fill, and axis labels are rotated for readability. The chart is built with d3.v4 within a React framework, though the core logic is plain D3 JavaScript.

Bbhargav83

79% match

Loading thumbnail…

COVID-19

This D3.js visualization shows the progression of COVID-19 cases, deaths, and recoveries over time for a selected country. Users choose a status metric and country via dropdown menus, and the chart displays a smooth line chart of that metric against observation dates. The code uses D3 v5 methods like `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the SVG. Data is loaded from a CSV file and aggregated by country and day using `nest` and a custom `groupByDay` function.

WW9183907

79% match

Loading thumbnail…

Untitled

A dashboard of linked COVID-19 visualizations shows global cases via a Leaflet map, interactive line charts of pandemic metrics, and scatter plots. Users can select countries on the map to filter data, while brushable axes and k-means clustering reveal relationships like GDP per capita versus case rates. Built with d3.v7 and SVG animations, the dashboard loads data from a CSV and GeoJSON files.

Bbhargav83

78% match

Loading thumbnail…

Untitled

A scatter plot tracks COVID-19 confirmed cases against deaths on logarithmic axes, with each point representing a country and its population and regional color encoding. Overlaid dark-red lines radiate from the origin, annotating fatality rates and country labels. A circular legend explains the point size, color, and opacity encoding. The React-based D3 visualization uses `d3.axisBottom`, `d3.min`, and `d3.ticks` for axes and grid, while custom functions render the legend, annotations, and rotated fatality labels, using county-level GeoJSON data from `county.json` as a backdrop.

Pphemmati

77% match