Covid-19 Serbia

100%

Covid-19 Serbia

✓ Published1🌍 Public

Last edited Mar 29, 2021

Created on Mar 21, 2021

This visualization shows the daily count of confirmed COVID-19 cases in Serbia over time, plotted as a line chart with points. It uses data from Serbia’s open data portal. The visualization is built with the vega-lite-api library, which wraps Vega-Lite, and uses d3.csv for data loading and filtering. The chart encodes the date on the x-axis and the case count on the y-axis, with a firebrick-colored line, and includes tooltips showing the exact value for each point.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Covid-19 Serbia

This visualization shows the daily number of positive COVID-19 cases in Serbia as a line chart with points, using a firebrick-colored mark. It displays the count of cases over time, with dates constructed from year, month, and day fields in the data. The chart is built with the vega-lite-api, which registers vega and vega-lite, and loads CSV data via d3.csv from the Serbian government data portal. The visualization applies custom axis and label styling from a config object and uses a vega-tooltip handler for interactive hover details.

OOyin

92% match

Loading thumbnail…

GDP Serbia

A line chart displays the annual GDP of Serbia over time, loaded from a CSV file and rendered as a smooth natural curve. The visualization uses React to build SVG elements, with Axes and Marks components, while d3.scaleTime and d3.scaleLinear handle the x- and y-axis scaling. Tooltips are included as commented-out code, and the chart applies a Poppins font with a custom color scheme for the line and axes.

BbeauMarko

71% match

Loading thumbnail…

GDP Serbia

This visualization displays Serbia’s GDP over time as a smooth, natural-curved line chart rendered as SVG in a React app. It uses d3.scaleTime and d3.scaleLinear to map years and GDP values, with d3.line and curveNatural for the path. The data comes from a CSV file filtered to Serbia. Axes are custom-built components, and tooltips appear via SVG titles on circles, though circles are currently commented out.

Ggayathrikavya

70% match

Loading thumbnail…

Fork of GDP Serbia

This chart visualizes the number of actions per month in Serbia, using a line and scatter plot. The data is loaded from a CSV file and rendered using React with SVG. D3’s `scaleBand` and `scaleLinear` map months and action counts to the axes, while `line()` constructs the path. Circles with tooltips show each data point, and the style is defined in external CSS.

BbeauMarko

69% match

Loading thumbnail…

COVID-19

This interactive visualization shows daily COVID-19 cases, deaths, and recoveries for a selected country. Users can choose a country and a metric from dropdown menus, with the line chart updating to display the chosen data. The line color corresponds to the selected status: blue for confirmed cases, green for recovered, and red for deaths. Built with D3 v5, the SVG chart uses `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, with data from the Novel Corona Virus 2019 Kaggle dataset.

FFadziMandondo

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

68% match

Loading thumbnail…

Actions per month part 2

This visualization shows the total number of blood donations registered in Serbia across 2020, broken down by month and split into Covid-related and non-Covid categories. The stacked area chart renders interactive SVG paths using React components, with data loaded via d3.csv. The chart uses d3.scaleTime for the x-axis, d3.scaleLinear for the y-axis, and d3.scaleOrdinal for color mapping. A menu system updates the visible data, though the current code only displays the "Total" dataset.

Kkragovic

67% match

Loading thumbnail…

Covid May 2020: Date Vs New Cases countrywise

This visualization tracks daily new COVID-19 cases per country during May 2020, with each country rendered as a colored line over time. The data comes from a Kaggle-hosted CSV and is loaded using `d3.csv` via the `getData` function. The chart is built with the Vega-Lite API, calling `vl.markLine()` with temporal x-axis and quantitative y-axis encodings, while country names drive the color channel. Tooltips display exact case counts and locations. The visualization uses vega-lite-api’s `register` method with vega and vega-lite, and renders as an SVG fitted to the viewport.

Mmanasishrotri

67% match