Skip to main content
SimilarExport ZIP
100%

Trabajo Final Covid19

✓ Published0🌍 Public
Ppablocenfo
Last edited May 4, 2020
Created on May 4, 2020

This bar chart displays confirmed COVID-19 case counts for ten countries, with the United States leading at over one million cases. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map case numbers to horizontal bars and country names to vertical positions, rendering as SVG. Axes are generated with `axisBottom` and `axisLeft`, with tick formatting via `format('.3s')`. Data is loaded from a CSV file, and styling is applied through external CSS, including green-filled rectangles and custom title labels.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Bar Chart

This bar chart visualizes the daily confirmed COVID-19 cases across eight countries from January to May 2020. The current configuration displays the US case count on the x-axis and dates on the y-axis, with each bar’s length representing the cumulative total. The code uses D3 v5 APIs including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to load data from a CSV file and render the SVG, with configurable axis labels and grid lines.

SSarahKiyani
85% match
Loading thumbnail…

A10.wh

This visualization displays total COVID-19 cases per one million population for seven countries, comparing figures from March to September 2020 through a horizontal bar chart. A click on any bar triggers a d3-annotation label, with the U.S.A. example showing text and coordinates. Using D3 v7 with SVG rendering, the code employs `d3.scaleLinear` for the x-axis, `d3.scaleBand` for categorical country placement, and standard `d3.axisBottom`/`d3.axisLeft` axes, loading data from a local CSV file.

MMike Z
85% match
Loading thumbnail…

Fork of Fork of Fork of Bar Chart + Axis customisation

A horizontal bar chart displays total COVID-19 cases for ten countries, sorted from highest (USA) to lowest (Argentina). The visualization uses D3 v6 with SVG rendering, employing `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the chart. Custom axis formatting converts large numbers using the `format` function, replacing 'G' with 'B' for billions. The bars and tick labels are styled with linear gradients defined in SVG defs, while the x-axis includes a custom label and tick marks that extend across the plot area. Data comes from a CSV file loaded via `d3.csv`.

Ttolik518
82% match
Loading thumbnail…

COVID19 Cases TOP 10 countries-March 19

A horizontal bar chart ranks the ten countries with the most COVID-19 cases as of March 19, using grey bars and sans-serif labels from data.csv. The visualization loads CSV data via `d3.csv`, maps country names to a `scaleBand` y-axis and case counts to a `scaleLinear` x-axis, then renders SVG rectangles. It includes axes generated by `axisLeft` and `axisBottom`, with tick formatting via `format('.2s')`, and appends a title text element inside the SVG group.

11995ana
82% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the top 10 most populous countries based on recent COVID-19 case counts, with countries on the y-axis and today’s new cases on the x-axis. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render an SVG chart with custom tick formatting. Data is loaded asynchronously from a remote API via `d3.json`, and each bar’s length is scaled to the maximum case value. The chart includes axis labels and a title, with axes customized to remove domain lines.

Aaayushina
82% match
Loading thumbnail…

Bar chart - covid19

This bar chart displays the total number of Covid-19 cases in the top five US states as of January 12, 2021, sourced from Worldometer. The visualization uses d3.csv to load the data and d3.scaleLinear, d3.scaleBand, and d3.axisBottom/axisLeft APIs to map case counts to bar lengths and states to vertical bands. Each state’s bar is rendered as an SVG rect with a green fill, while the horizontal and vertical axes provide numerical and categorical reference points. The chart is built with D3 v6 and renders entirely as SVG elements.

BbeauMarko
82% match
Loading thumbnail…

Let's make a face with D3.js!

This example visualizes the total number of COVID-19 infections per country using a simple bar chart. It loads data from a CSV file containing country names and case counts, then displays the values as vertical bars on an SVG canvas. The chart is built with D3.js version 5, using the `d3.select` and `d3.csv` APIs to fetch and parse the data, while the SVG element is sized directly from its width and height attributes. The bars represent the relative infection totals, with the US showing the largest value.

Jjorgebotas
82% match
Loading thumbnail…

COVID19 Cases TOP 10 countries-March 19

This visualization displays the total reported COVID-19 cases for the top ten affected countries as of March 19, using a horizontal bar chart. The chart encodes case counts as bar lengths along a linear scale, while country names are arranged on a band scale. Data is loaded from a local CSV file using `d3.csv`. The SVG rendering is built with the D3 v5 API, specifically `select`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, with axis tick labels formatted using `format('.2s')`.

Llori99-data
82% match