Skip to main content
SimilarExport ZIP
100%

Why play

✓ Published0🌍 Public
GGeorgeVard
Last edited Jun 24, 2021
Created on Jun 24, 2021

This bar chart shows total COVID-19 vaccination counts by manufacturer across given countries, as of May 19, 2021, with Pfizer/BioNTech leading by a wide margin. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to map vaccination numbers to bar lengths along a log-free linear scale, with a custom `.tickFormat` for compact labels. Horizontal bars are rendered as SVG rectangles, and the data is loaded from a CSV file via `d3.csv`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Total Vaccinations by Manufacturer

This bar chart displays total vaccination counts by manufacturer across selected countries as of May 19, 2021, with Pfizer/BioNTech leading at over 235 million doses. The visualization uses d3.scaleLinear and d3.scaleBand to map vaccination values and manufacturer names, while d3.axisBottom and d3.axisLeft generate the axes. Rendered as an SVG with d3.v5, the chart features interactive tooltips that appear on hover, showing exact vaccination numbers via the D3 mouse event handlers. The data comes from a CSV file loaded with d3.csv.

GGeorgeVard
88% match
Loading thumbnail…

Covid - 19

This visualization displays the total number of Pfizer/BioNTech vaccinations administered in 11 countries as of May 27, 2021, using a horizontal bar chart rendered with SVG. The chart uses d3.scaleLinear for the x-axis, d3.scaleBand for the categorical y-axis, and d3.axisLeft and d3.axisBottom for the axes. Data is loaded from a local CSV file with d3.csv, and the bars are colored with a fixed steelblue fill via CSS. The code imports D3 modules directly and appends rectangles to the SVG container.

IIc1200010
83% match
Loading thumbnail…

covid vaccines

This visualization displays total COVID-19 vaccinations by location, using a bar chart where each bar is colored by vaccine manufacturer. The chart ranks locations from highest to lowest vaccination totals, with tooltips revealing precise values on hover. Built with the Vega-Lite API on top of D3.js v5, it loads CSV data from a GitHub gist and renders as an SVG canvas. The code customizes axis tick colors and font styles through a config object to improve readability.

Bbhargav83
81% match
Loading thumbnail…

DATA COVID 27 MAY 2021

The visualization is a horizontal bar chart comparing the population counts of 11 countries that received the Pfizer/BioNTech vaccine as of 27 May 2021. It displays each country’s population value as a blue bar, with the chart titled in Greek. The data is loaded from a CSV file using `d3.csv` and rendered as SVG. The chart uses `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the categorical y-axis, and `d3.axisBottom` and `d3.axisLeft` to generate tick marks and labels, with a custom tick formatter for compact number notation.

IIc1200010
77% match
Loading thumbnail…

Bar Chart Of World Vaccination Data

This bar chart displays COVID-19 vaccination data from the World Health Organization, showing the number of vaccine doses administered across countries. The visualization summarizes cumulative vaccination totals, per-capita rates, and the number of vaccine types used per country. It loads data from a CSV file using `d3.csvParse`, converts numeric fields, and groups records by country with `d3.flatGroup`. The chart renders a textual summary of the grouped data using D3’s `select` and `join` methods, displaying the results as structured output rather than graphical bars.

SSeekerzero
74% match
Loading thumbnail…

Data visualizations

This visualization uses D3 v5 to display cumulative COVID-19 vaccination totals over time for multiple countries, with each country represented by a distinct colored line. The line chart employs a time-based x-axis and a linear y-axis scaled to billions of vaccinations. The code uses `d3.csv`, `scaleTime`, `scaleLinear`, `scaleOrdinal`, `nest`, and `line` with `curveBasis` to render the SVG paths, while a custom color legend function shows the country categories. Data comes from a GitHub-hosted CSV of vaccination records.

GGerasimos Katsagannis
74% match
Loading thumbnail…

Practice Covid Vaccine data of Vega-Lite API Template

This example visualizes Covid-19 vaccine data by manufacturer using an interactive bar chart built with the Vega-Lite API. It shows the total vaccination counts for each location, colored by vaccine type, with tooltips displaying quantitative totals. The code loads CSV data via `d3.csv`, configures axes and styling through `config.js`, and renders the chart using `vl.markBar` and `vl.encode` chaining. The visualization adapts to the window size and uses Vega-Lite’s SVG renderer with tooltip support.

Ssmile2git
74% match
Loading thumbnail…

Making a Bar Chart

This animated scatter plot compares COVID-19 vaccination rates (blue) against reported case counts (gray) in the US, using dual y-axes with proportional data drawn from CDC vaccination counts and NYT 7-day average case data. Built with D3 v5, the chart uses `scaleTime`, `scaleLinear`, `axisLeft`, `axisRight`, and `transition` to animate points as they grow and reposition over time. Interactive dropdown menus, implemented via a reusable `menu` component, allow switching between partial and fully vaccinated metrics, while annotations highlight key dates and case reduction percentages.

Xxiaojingwu138
73% match