Skip to main content
SimilarExport ZIP
100%

Histogramm gemeldete Covid-Faelle Berlin

✓ Published0🌍 Public
CChrisHeinirch
Last edited Jan 16, 2022
Created on Jan 16, 2022

This interactive histogram visualizes reported COVID-19 cases in Berlin from January 1 to November 9, 2021, using public data from Berlin’s open data portal. It shows the cumulative number of cases per day, with the x-axis representing dates and the y-axis showing reported case counts. The chart is built with React and D3 v5, using `scaleTime` and `scaleLinear` for axes, and renders individual bars as SVG rectangles. The code reads the dataset via D3’s `csv` function and customizes axes and marks with helper components.

AI-generated description

Ein Liniendiagramm zu gemeldeten Covid-Faellen in Berlin. Zeitraum 01.01.2021 - 09.11.2021

MIT Licensed

Similar vizzes

Loading thumbnail…

Liniendiagramm gemeldete Covid-Faelle Berlin

The chart displays cumulative reported COVID-19 cases across Berlin’s districts from January 1 to November 9, 2021, using a line with circular markers. It is rendered as SVG via React components, with scales from d3.scaleTime and d3.scaleLinear, and axes built with custom tick components. The line path and circles are generated using d3.line and d3.curveNatural, while hover tooltips use native SVG `<title>` elements. Data is loaded asynchronously from a CSV via d3.csv, and the visualization is based on public Berlin open data.

CChrisHeinirch
89% match
Loading thumbnail…

Brush Fork of Liniendiagramm gemeldete Covid-Faelle Berlin

This visualization shows the daily cumulative number of reported COVID-19 cases in Berlin between January and November 2021 as a line chart, with an interactive histogram below that allows users to brush over a time range to filter the main chart's data. The upper chart displays the cases with data points and a smooth line, while the lower histogram represents the same data as vertical bars. Built with React and D3 v5, the code uses `scaleTime`, `scaleLinear`, `brushX`, and `select` from D3 to implement the brushing interaction, and loads data from a CSV file. The SVG rendering is handled through React components for axes and marks.

CChrisHeinirch
87% match
Loading thumbnail…

Balkendiagramm Einwohner Bezirke Berlin

This interactive bar chart displays the population of Berlin's districts for the year 2020. Built with React and D3 v5, it uses `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the quantitative x-axis, rendering data as SVG rectangles. The chart includes axes with formatted tick labels and a tooltip showing the exact population value. Data is loaded from a CSV file via `d3.csv`, based on statistics from Stadtentwicklung Berlin.

CChrisHeinirch
73% match
Loading thumbnail…

hist

This visualization displays a horizontal histogram of COVID-19 case counts over time. Each bar’s length represents the cumulative number of cases for a given date, with bars arranged by value along the y-axis. The code uses d3.csv to load data, d3.scaleLinear for the x-axis width mapping, and d3.scaleBand for the y-axis categories. Rectangles are appended to an SVG and sized using the scales, with the data sourced from the provided CSV file. The chart is built with D3 v7.

FFarhaan Qazi
72% match
Loading thumbnail…

customising axes

This horizontal bar chart displays the 7-day incidence of COVID-19 per 100,000 population across German federal states as of March 2, 2021, with data from the Robert Koch Institute. The visualization highlights state rankings from Thuringia (125) down to Schleswig-Holstein (50). Using D3 v5 with SVG rendering, the code employs `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Custom axis formatting applies `format('.3s')` to tick labels and removes domain lines, while `axisLeft` and `axisBottom` generate the axes.

JJames Malvern
71% match
Loading thumbnail…

Balkendiagramm Einwohner Bezirke Berlin mit Menu

This bar chart displays the population of Berlin's districts for the years 2005, 2010, 2015, and 2020, using a React-based menu to switch between these temporal datasets. The visualization renders as SVG, using D3's `scaleBand` for the categorical y-axis (districts) and `scaleLinear` for the numerical x-axis (population). D3's `csv` function loads the data from a GitHub gist. The chart encodes values with horizontal bars, colored in a uniform tone, with axis ticks and labels formatted in a custom style, while a dropdown menu (via `react-dropdown`) controls the year selection.

CChrisHeinirch
71% match
Loading thumbnail…

hist

This histogram visualizes the distribution of daily COVID-19 case counts over time, with values ranging from 5 to over 50,000. The X-axis is fixed to a domain of 0–1000, showing only the lower range of the data. The visualization uses d3.histogram to bin the dates based on their associated value, then renders bars with SVG rectangles. The bars are colored teal and scaled using d3.scaleLinear for both axes, with data loaded from a CSV file via d3.csv. The code defines its margins, width, and height explicitly before building the chart.

FFarhaan Qazi
71% match
Loading thumbnail…

Prototyp

This dashboard prototype demonstrates the integration of four distinct visualizations: a bar chart depicting Berlin district populations from 2005 to 2020, a line chart of cumulative COVID-19 cases with a brushable timeline for filtering, and two scatter plots exploring demographic data (LOR codes and population attributes) and COVID-19 statistics by age group. Built with React and D3 v6, the interactive visualizations feature dropdown menus for attribute selection, color legends with hover filtering, and data loaded from CSV files via `d3.csv`. Each chart component—axes, marks, and legends—is modularized within the React framework, rendered as SVG elements.

CChrisHeinirch
70% match