Skip to main content
SimilarExport ZIP
100%

Streudiagramm Covidfälle Altersgruppe

✓ Published0🌍 Public
CChrisHeinirch
Last edited Dec 8, 2021
Created on Dec 6, 2021

A scatterplot visualizes cumulative COVID-19 case counts, daily case differences, and cumulative incidences across age groups. Users select the x- and y-axis metrics through dropdown menus, with points colored by age group via a legend. The React app loads CSV data from a GitHub gist, using d3.scaleLinear and scaleOrdinal for axes and color mapping, rendered as SVG circles with tooltips showing exact values.

AI-generated description

Ein Streudiagramm mit Menü, welches die kumulierten Covid-19 Fallzahlen, die Differenz des Vortages und die kumulierte Inzidenzen nach Altersgruppen Stand: 05.12.2021

MIT Licensed

Similar vizzes

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
78% match
Loading thumbnail…

Scatter Plot for Covid data with Menus

A React-based scatter plot visualizes COVID-19 metrics from a May 2020 dataset, with dropdown menus controlling which two attributes (e.g., new cases, total deaths) map to the x- and y-axes. Points are colored by continent using a d3.scaleOrdinal color scale and a custom color legend. Built with d3.v5 for scales, axes, and SVG rendering, the chart uses React hooks (useState, useEffect) to manage state and load data via d3.csv, with interactive axes formatted using d3.format.

Mmanasishrotri
76% match
Loading thumbnail…

A2Q3

This interactive scatterplot visualizes COVID-19 metrics across countries by continent, plotting selectable attributes from the Covid World May Data CSV on x- and y-axes. Users can compare new cases, total cases, and death counts, with points colored by continent via a legend. Built with React and D3 v5, it uses `scaleLinear`, `scaleOrdinal`, and `extent` for scaling, while SVG circles render the data and dropdown menus control axis selection.

MmNamratha25
76% match
Loading thumbnail…

Interactive Streudiagramm Einwohner Berlin nach LOR und Altersgruppen mit Menu

This interactive scatterplot visualizes population data for Berlin’s LOR planning areas, showing residents by age group. A dropdown menu allows selection of any age cohort or total population for the x-axis, while the y-axis displays LOR codes. A color legend, using `scaleOrdinal`, encodes Berlin districts, with hover highlighting filtering the displayed circles. Built with React and D3 v5, the SVG chart uses `scaleLinear` for axes and `csv` for data loading from a gist.

CChrisHeinirch
75% match
Loading thumbnail…

Designed Streudiagramm Einwohner Berlin nach LOR und Altersgruppen mit Menu

This scatterplot visualizes Berlin's population data across LOR planning areas, with each point representing a district's demographic profile. Users can dynamically select which age group or population metric to plot on the X and Y axes via dropdown menus. The visualization leverages React for interactive state management, D3 v5 for scales and CSV data loading, and SVG rendering for the plotted points. A color legend encodes Berlin's districts, while tooltips reveal exact values for each data point. The data comes from official Berlin statistics on residents by LOR planning area as of December 31, 2020.

CChrisHeinirch
75% match
Loading thumbnail…

Stylized Scatter Plot

This stylized scatter plot uses a responsive React component and D3 scales to map age against income from a CSV dataset. The visualization employs D3’s `scaleLinear` and `extent` functions to compute domains, with custom `AxisBottom` and `AxisLeft` components rendering SVG tick marks and labels. Each data point is an SVG circle with a `title` tooltip showing formatted values via D3’s `format`. The chart features rotated axis labels, a Poppins font, and a clean color palette, with styling applied through CSS classes.

SSamir Nandardhane
75% match
Loading thumbnail…

Scatterplot

This scatterplot displays COVID-19 case rates per 100,000 people for ten highly affected U.S. counties, ranked along the y-axis with case counts on the x-axis. The visualization uses d3.csv to load the data, d3.scaleLinear and d3.scalePoint for positioning, and d3.axisLeft and d3.axisBottom with custom tick formatting. Circles are appended via d3.selectAll and data joins, styled with blue fills and black strokes. The chart includes grid lines and a title, with data sourced from Statista via Elflein (June 2020).

Mmla341
74% 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
74% match