Fork of Covid-19 Serbia

100%

Fork of Covid-19 Serbia

✓ Published0🌍 Public

Last edited Jun 16, 2021

Created on Jun 16, 2021

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.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Covid-19 Serbia

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.

Nnecat1

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

76% match

Loading thumbnail…

Fork of Actions per month

This visualization shows the proportion of Covid versus non-Covid blood donations in Serbia across each month of 2020, using stacked area forms to compare the two categories. The chart renders as an SVG within a React application, using D3 v6 methods such as `scaleTime`, `scaleLinear`, and `scaleOrdinal` for axes and color encoding, while the `area` generator in d3.area draws the layered curves. The csv data is loaded via the d3.csv function, and the lower layer is visually de-emphasized with reduced opacity to highlight the selected Covid category.

BbeauMarko

74% match

Loading thumbnail…

Fork of Fork of GDP Serbia

This line chart displays the number of actions per month, with data sourced from a CSV file. The visualization uses D3’s `scaleBand` for the x-axis months and `scaleLinear` for the y-axis action counts, rendered as an SVG with React. The chart includes a smooth curve via `line()` and `curveNatural`, circular data points with tooltips, and labeled axes. The y-axis uses dashed gridlines, and the title is centered above the plot area.

Hharika-1929

72% match

Loading thumbnail…

Fork of Ways of giving - new menu

This dashboard shows charitable giving in Serbia, breaking down total donations into those specifically for COVID-19 relief versus other causes, with each bar segment showing the relative share of the total. A menu lets the user switch between these three aggregate views. The visualization is built with React and D3 v6, using `scaleBand` and `scaleLinear` for the axes, and SVG masks and patterns to create striped overlays on the donation segments for clarity. Data is loaded as CSV and rendered as a horizontal bar chart.

Kkragovic

71% match

Loading thumbnail…

Fork of Covid-19 confirmed cases (Date 25/09/20)

This visualization presents COVID-19 confirmed cases by date using a bar chart rendered with SVG, alongside a world map colored by total cases using a spectral color scale. The bar chart uses d3.scaleLinear and d3.scaleBand to map cases and dates, with axis labels styled with IBM Plex fonts and interactive tooltips via d3.tip. The map employs d3.geoPath with a geoNaturalEarth1 projection, and d3.scaleOrdinal with schemeSpectral to encode country-level data. Both views load from external CSV and TopoJSON sources, with the map supporting zoom interaction.

AAaronBhasker

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

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

70% match