Skip to main content
SimilarExport ZIP
100%

Covid-19 Brasil

✓ Published2🌍 Public
GGabriel Dantas
Last edited Jul 11, 2021
Created on Jul 11, 2021
Forked from D3 Starter

A scatterplot of cumulative COVID-19 deaths over time for each Brazilian state, drawn as small circles. The chart uses D3’s `scaleTime` and `scaleLinear` for axes, with `axisBottom` and `axisLeft` for ticks, and renders in SVG. Data comes from the Wesley Cota GitHub repository’s `cases-brazil-states.csv`, fetched and parsed via a custom `fetchData` function using `d3.csv` and `timeParse`. The visualization highlights the growth trajectory of deaths across states without distinguishing them, showing overall pandemic impact.

AI-generated description

Plotting graphs from Covid-19 Cases in Brazil, with data from Wesley Cota github repo

MIT Licensed

Similar vizzes

Loading thumbnail…

01_covid19_flag_20210203

A horizontal bar chart displays the seven-day average of COVID-19 deaths per Brazilian state, sorted in descending order. The chart uses d3.scaleLinear for the x-axis, d3.scaleBand for the categorical y-axis, and renders SVG rectangles. Data comes from a local CSV file parsed with d3.csv, with axes styled using d3.axisLeft and d3.axisBottom.

RRodolfo Viana
82% match
Loading thumbnail…

Learning D3 again

This example plots daily new COVID-19 deaths in Fortaleza, Brazil, as a scatterplot. A time-scaled x-axis shows the date range, while a linear y-axis maps the count of new deaths, with each data point rendered as a small circle. The visualization uses the D3 version 7 API, including `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the chart, and fetches its data from a CSV hosted in a GitHub gist, with parsing handled by D3's `csv` function. The SVG scene is generated dynamically based on the browser window's dimensions.

GGabriel Dantas
82% match
Loading thumbnail…

Scatter Plot for Covid

This scatter plot visualizes COVID-19 data for the top 10 countries, showing the relationship between total cases and total deaths. The visualization uses D3.js v7 with SVG rendering to display circles for each country, where the x-axis represents total cases and the y-axis represents total deaths. The code loads CSV data from a GitHub gist, processes it with JavaScript array methods, and uses d3.scaleLinear to create scales for both axes. Axis labels and grid lines are generated using d3.axisBottom and d3.axisLeft, with margins defining the plot area.

MM Hema
76% match
Loading thumbnail…

data visulalization Scatter Plot

This scatter plot visualizes COVID-19 cases by country, plotting total deaths against total cases. Each circle represents a country, with color encoding the continent, and the plot includes axes, labels, and a legend. The code loads CSV data from a GitHub repository, uses D3 v7 scales and SVG rendering to position the circles, and employs `d3.axisBottom` and `d3.axisLeft` to generate the axes.

Bbudalavijay2001@gmail.com
76% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot Dasbach

This scatter plot visualizes the relationship between COVID-19 death and case averages per 100,000 people across US states, using data from the NY Times rolling-averages dataset. Each circle represents a state, plotted with `d3.scaleLinear` scales and rendered as an SVG. The chart is built as a reusable function via a custom `scatterPlot` module, configured with setters for width, height, data, margins, and radius. Axes are added using `d3.axisLeft` and `d3.axisBottom`. Data is loaded asynchronously with `d3.csv` and parsed before rendering.

SSaiSreya1
76% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot Dasbach

This scatter plot visualizes the relationship between COVID-19 death and case averages per 100,000 people across US states, using data from the NY Times rolling-averages dataset. Each circle represents a state, plotted with `d3.scaleLinear` scales and rendered as an SVG. The chart is built as a reusable function via a custom `scatterPlot` module, configured with setters for width, height, data, margins, and radius. Axes are added using `d3.axisLeft` and `d3.axisBottom`. Data is loaded asynchronously with `d3.csv` and parsed before rendering.

SSaiSreya1
76% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot Dasbach

This scatter plot visualizes the relationship between COVID-19 death and case averages per 100,000 people across US states, using data from the NY Times rolling-averages dataset. Each circle represents a state, plotted with `d3.scaleLinear` scales and rendered as an SVG. The chart is built as a reusable function via a custom `scatterPlot` module, configured with setters for width, height, data, margins, and radius. Axes are added using `d3.axisLeft` and `d3.axisBottom`. Data is loaded asynchronously with `d3.csv` and parsed before rendering.

SSaiSreya1
76% match
Loading thumbnail…

Covid-19 with Axis and labels

This interactive line chart visualizes global COVID-19 cumulative deaths over time, with each country represented by a gray line. Hovering over a point highlights the corresponding country’s full trajectory and displays a tooltip with the country name, death count, and date. The visualization uses React for state management, d3.scaleLog and d3.scaleTime for axes, d3.line for path generation, and d3.Delaunay-based Voronoi overlay for hover detection. Data comes from the CSSE COVID-19 time series CSV, rendered as SVG with custom axis labels and tick marks.

Uuplusv
75% match