Covid-19 Records in MA

100%

Covid-19 Records in MA

✓ Published0🌍 Public

Last edited Sep 28, 2020

Created on Sep 25, 2020

This visualization shows the trend of confirmed COVID-19 cases in Massachusetts from February to September 2020, plotted as individual circles on a time-series scatterplot using React and D3 v5. The SVG chart uses `scaleTime` for the x-axis and `scaleLinear` for the y-axis, with custom `AxisBottom` and `AxisLeft` components rendering ticks and labels. Data is loaded asynchronously via `d3.csv` from a GitHub gist, with the y-axis formatted in compact notation and tooltips showing the month via the native SVG `<title>` element.

AI-generated description

This plot describe the trend of Covid-19 cases in State of Massachusetts from Feb/2020 to Sep/2020. Dataset Can be found here. Further actions such as interactoins and menu will be implemented in future.

MIT Licensed

Similar vizzes

Loading thumbnail…

Massachusetts Daily COVID-19 Vaccinations - Scatterplot

This scatterplot displays the daily number of COVID-19 vaccinations administered in Massachusetts from April 1 to September 4, 2021. Each red circle represents a single day’s total, plotted on a time-scaled x-axis and a linear y-axis, revealing trends and fluctuations in vaccination rates. The visualization uses D3 version 6.7.0, leveraging `scaleTime` and `scaleLinear` for axes, `axisLeft` and `axisBottom` for grid ticks, and SVG circles for marks. Data is loaded from a CSV file containing vaccination statistics for all US states, filtered to show only Massachusetts.

PPeter VanNostrand

79% match

Loading thumbnail…

Massachusetts Daily COVID-19 Vaccinations - Bar Plot

This example shows a daily bar chart of COVID-19 vaccination doses administered in Massachusetts from April 1 to September 4, 2021. Using D3 v5’s `scaleTime` and `scaleLinear`, it maps dates and daily vaccination counts to SVG rectangles. The code loads a CSV of US state vaccination data via `d3.csv`, filters rows for one state, and renders axes with `axisBottom` and `axisLeft`. Bars are positioned and sized using the scaled x and y values.

PPeter VanNostrand

77% match

Loading thumbnail…

Massachusetts Daily COVIations - Interactive Barchart

This interactive bar chart visualizes daily COVID-19 vaccination doses administered in Massachusetts from April to September 2021. Each bar’s height is proportional to the number of doses given that day, using a d3.scaleLinear mapping. Hovering over a bar dims the rest, and a tooltip displays the exact date and dose count. The visualization uses D3 v5's selection API and SVG rendering, pulling data from a public US vaccination dataset.

Bbhargav83

76% match

Loading thumbnail…

Working with Time

This scatter plot visualizes COVID-19 data, showing the daily increase in positive cases (y-axis) against time (x-axis) as a series of circular marks. The visualization uses React to render SVG elements, with D3 v5 scales including `scaleTime` and `scaleLinear` to map data to coordinates. The code employs `d3.csv` for data loading from a GitHub-hosted CSV file, with custom `AxisBottom` and `AxisLeft` components generating tick marks and labels. Each circle includes a native SVG `<title>` element for tooltips displaying formatted dates, and the chart is styled with the Poppins font.

Aanduskong

76% match

Loading thumbnail…

Massachusetts Daily COVID-19 Vaccinations - Interactive Barchart

This interactive bar chart displays daily COVID-19 vaccination doses administered in Massachusetts from April 1 to September 4, 2021. Each bar represents a single day’s total, with tooltips revealing the exact date and dose count on hover, while the other bars dim for emphasis. Built with D3 v5, the visualization uses `scaleTime` and `scaleLinear` for axes, `axisLeft` and `axisBottom` for labels, and SVG rectangles with mouse event handlers. Data comes from a CSV of US state vaccination statistics, filtered to Massachusetts.

PPeter VanNostrand

75% 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

75% match

Loading thumbnail…

Scatter Plot 2

A scatter plot displays the relationship between confirmed and active COVID-19 cases, with each circle representing a data point. The visualization uses React components to render SVG elements, with d3.scaleLinear managing the x and y scales. Axes are generated from array methods like xScale.ticks() and map(), while the data loads through d3.csv with multiplication applied to numeric values. The chart includes axis labels and tooltips showing formatted values using d3.format with SI notation.

NNikithakatta30

75% match

Loading thumbnail…

Fork of Fork of Massachusetts Daily COVID-19 Vaccinations - Interactive Barchart

This interactive bar chart shows daily COVID-19 vaccination doses administered in Massachusetts from April to September 2021. The visualization uses a time-scale x-axis and a linear y-axis to map date and dose counts, with each bar representing a single day. Users can hover over bars to see a tooltip with the specific date and dose total, while the chart also includes axis labels. Built with d3.v5, the code uses `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and SVG `rect` elements with mouseover/mousemove/mouseout event handlers to manage the interaction. The data comes from the US Vaccination Data by State/Territory gist.

Jjerry691

75% match