Tamponi sardegna: Rapporto pcr/positivi - line chart 7 mesi

100%

Tamponi sardegna: Rapporto pcr/positivi - line chart 7 mesi

✓ Published1🌍 Public

Last edited Apr 19, 2021

Created on Apr 11, 2021

This visualization shows a seven-month line chart tracking the percentage of positive PCR tests in Sardinia, Italy, with data sourced from the Italian government's regional COVID-19 dataset. The React-based chart uses d3.scaleTime and d3.scaleLinear to map dates and percentages, while d3.line with curveNatural renders the smooth path. Each data point is marked with an SVG circle that includes a hover tooltip via the title element, and axes are generated using custom React components that leverage d3's scale ticks for positioning.

AI-generated description

Stylized line chart demonstrating how to work with time. Data:

MIT Licensed

Similar vizzes

Loading thumbnail…

Rapporto pcr/positivi per regione - line chart

A line chart displays the percentage of positive PCR tests per day for a selected Italian region, using a dropdown menu to switch between them. The data comes from the Italian government's COVID-19 regional dataset, filtered to the last 90 days. Built with React and D3 v6, the SVG visualization uses `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and `line` from d3 to draw the path, with circles and tooltips for each data point.

Ssurikmeetr

82% match

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

71% match

Loading thumbnail…

Try this dataviz or use data for react native

This scatterplot visualizes the daily new COVID-19 cases in Italy, with point radius proportional to the number of intensive care patients. The x-axis uses `scaleTime` for dates, while `scaleSqrt` maps intensive care counts to point sizes. A button toggles a path drawn with `line()`. The code leverages D3 v6's `csv` parser, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` APIs. Data comes from a continuously updated GitHub repository containing national pandemic statistics, rendered as SVG within a React framework.

VVikil Lakkavatri

65% match

Loading thumbnail…

Daily new cases of Covid in Italy (Episode 8)

This example visualizes daily new COVID-19 cases in Italy alongside intensive-care admissions, using an SVG chart rendered with D3 v6. The x-axis shows time as a date scale, the y-axis plots new positive cases linearly, and the circle radius encodes intensive-care patients via a square-root scale. The code fetches a CSV from the Italian government’s GitHub repository and parses numeric fields. Interactive buttons toggle the visibility of the line and circle elements, demonstrating simple display toggling through D3’s selection API.

Ccssergio

64% match

Loading thumbnail…

Fork of Daily new cases of Covid in Italy - Scatter Plot

This scatter plot visualizes the daily new COVID-19 cases in Italy over time, with the radius of each point proportional to the number of patients in intensive care. A toggle button in the top-left corner switches the display of an overlaid path connecting the points. The visualization uses d3.csv for data loading, d3.scaleTime for the x-axis, d3.scaleLinear and d3.scaleSqrt for the y-axis and radius, respectively, and renders points as SVG circles. Data comes from the Italian government’s continuously updated COVID-19 repository.

HHüseyin Yalçın

64% match

Loading thumbnail…

Daily new cases of Covid in Italy - Scatter Plot

This scatter plot visualizes daily new Covid cases in Italy over time, with point size representing the number of patients in intensive care. The x-axis uses `d3.scaleTime`, the y-axis uses `d3.scaleLinear`, and point radii are scaled with `d3.scaleSqrt`. A button toggles the visibility of a connecting line drawn with `d3.line()`. Data is loaded from the Italian government’s COVID-19 CSV repository via `d3.csv`, and the SVG rendering fills the browser window.

TToly

64% match

Loading thumbnail…

Fork of Daily new cases of Covid in Italy (Episode 8)

This visualization shows daily new COVID-19 cases in Italy as a time-series scatterplot, with each point’s radius encoding the number of intensive care patients. A toggle button in the top-left corner hides or reveals a connecting path. Built with D3 v6, it uses `scaleTime`, `scaleLinear`, `d3.csv`, `axisLeft`, `axisBottom`, and `line` to render an SVG, pulling live data from the Italian government’s GitHub repository.

TTehran Mammadov

63% match

Loading thumbnail…

Daily new cases of Covid in Italy - Scatter Plot

This scatter plot displays daily new Covid cases in Italy, with time on the x-axis and provisioned write capacity units on the y-axis. It uses D3 v6 to load JSON data, parse timestamps with `d3.timeParse`, and render circles via SVG. The visualization includes an animated line path, toggleable with a button, and a brushX selection that updates the chart. The code leverages `d3.scaleTime`, `d3.scaleLinear`, and `d3.extent` for scaling and axis generation, with data sliced to the first 100 points.

Ttebanieo

63% match