Hospital Data

100%

✓ Published0🌍 Public

Last edited Jul 20, 2020

Created on Jul 20, 2020

Forked from A Week of Temperatures Around the World

A line chart visualization displays weekly hospital data, tracking the number of cases over time for multiple cities. Each city is represented by a colored line, with a color legend identifying each series. The chart uses D3 v5's `scaleTime` and `scaleLinear` for axes, `line` with `curveBasis` for smooth paths, and `nest` with `scaleOrdinal` and `schemeCategory10` for grouping and coloring. The data is loaded from a CSV file, and the visualization is rendered as an SVG within a React framework.

AI-generated description

A bare minimum HTML page.

Similar vizzes

Loading thumbnail…

Line chart temp

A line chart displays the trend of total hospitalized patients over time in Sardinia, using a dataset from Data Canvas Sense Your City. The visualization maps dates on a time scale and patient counts on a linear scale, with a smooth curve rendered via d3.line and curveNatural. Data points are marked with circles that have hover tooltips, while custom React components, AxisBottom and AxisLeft, render the axes using d3 scaleTime and d3 scaleLinear. The SVG is styled with Poppins font and subtle gray ticks.

Ssurikmeetr

80% match

Loading thumbnail…

Timeseries

This timeseries line chart displays the monthly frequency of illnesses, hospitalizations, and deaths from a national outbreak dataset (National Outbreak Public Data Tool). The visualization reveals clear seasonality, with peak outbreak activity in winter and lowest counts in summer. Three overlaid lines use the Vega-Lite API, with data loaded and time-formatted via d3.csv and manual date concatenation. Hovering over any point triggers a tooltip showing the sum of that metric for the corresponding month. The chart is rendered as an SVG, with axes configured through a custom readme and config.js.

Iindira-antgrvty

76% match

Loading thumbnail…

Line Chart with Multiple Lines with D3.js!

This visualization displays a week of temperature data from multiple cities worldwide, using distinct colored lines to represent each city’s temperature changes over time. Built with React and D3.js (v5), it employs scales like `scaleTime` and `scaleLinear`, a `line` generator with `curveBasis`, and nested data via `nest` to group readings by city. A custom `colorLegend` component renders the legend. The data originates from Data Canvas – Sense Your City, presented as an SVG.

Fforcox43

76% match

Loading thumbnail…

Stylized Line Chart

This stylized line chart visualizes daily new positive COVID-19 cases over time using data from the Data Canvas Sense Your City Dataset. The React application, rendered as SVG, uses d3.scaleTime and d3.scaleLinear to map dates and case counts, with d3.line and curveNatural creating the smooth connection between points. Axis components generate ticks and labels, while the Poppins font and muted teal color scheme give the chart its distinctive aesthetic. The chart fetches its CSV data from a GitHub-hosted file, demonstrating a clean, minimal approach to temporal data visualization.

Aanduskong

76% match

Loading thumbnail…

Line Chart with Multiple Lines

A line chart displays one week of temperature data for multiple cities around the world, with each city represented by a smooth, color-coded line. The chart is rendered as an SVG using D3 v5, with axes, gridlines, and a color legend positioned to the right. Data is loaded from a CSV using `d3.csv` and processed with `d3.nest` to group measurements by city. The lines are generated with `d3.line` and `curveBasis`, while `d3.scaleTime`, `d3.scaleLinear`, and `d3.scaleOrdinal` handle scaling and colors. The dataset originates from the Data Canvas - Sense Your City project.

SSourav Sarker

76% match

Loading thumbnail…

Several City Chart

This visualization displays a week of temperature readings from multiple cities, using a multi-line chart to compare trends over time. Each city is represented by a colored path, with a categorical color scale and a legend identifying each location. The chart is built with React and D3 v5, using `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` with `curveBasis` for smooth paths. Data is loaded via `d3.csv` from a remote dataset, and the rendering uses SVG with nested groups for axes and a custom color legend function.

Jjeelong

76% match

Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays a week of temperature data from multiple cities, with each city represented by a colored line and a corresponding color legend. The visualization uses D3 v5’s scaleTime, scaleLinear, and line generators with a curveBasis to create smooth paths, while nest() groups data by city and sorts lines by their final temperature value. SVG rendering handles the axes, gridlines, and labels, with the data loaded from a CSV file via d3.csv.

Vvic126

76% match

Loading thumbnail…

Line Chart with Multiple Lines

A line chart displays one week of temperature data from multiple cities, ordered by their final recorded values. The visualization uses D3 v5 with SVG rendering. It employs `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` with `curveBasis` for smooth paths, and `d3.nest` to group data by city. A custom color legend communicates the city categories, while `d3.axisBottom` and `d3.axisLeft` generate the labeled gridlines. Data originates from the Data Canvas-Sense Your City dataset.

KKazushige Okuma

75% match