Fork of GDP Serbia

100%

Fork of GDP Serbia

✓ Published1🌍 Public

Last edited Feb 19, 2021

Created on Feb 10, 2021

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.

AI-generated description

A program that follows your mouse with a circle.

MIT Licensed

Similar vizzes

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

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

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

84% match

Loading thumbnail…

GDP Balkan

This chart displays the GDP of Serbia, Slovenia, Croatia, and Romania from 1995 to 2019, using overlapping thick lines to trace each country’s economic trajectory over time. The visualization relies on React for structure and D3 v6’s `scaleTime`, `scaleLinear`, and `scaleOrdinal` to map years, GDP values, and country colors onto an SVG canvas. Data is loaded from a CSV file via D3’s `csv` function, with axes rendered as custom components and line paths generated using D3’s `line` generator.

BbeauMarko

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

79% match

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

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

75% match

Loading thumbnail…

Actions per month

This chart visualizes monthly donation totals in Serbia during 2020, splitting contributions into Covid-related and non-Covid categories. Each month shows two filled areas, colored red and yellow, with percentage labels above them to indicate the proportion of each type. The visualization uses React components to render an SVG, with d3.scaleTime and d3.scaleLinear mapping data to axes, and d3.area creating the stacked areas from CSV data grouped by donation type.

BbeauMarko

75% match