Skip to main content
SimilarExport ZIP
100%

GDP Balkan

✓ Published1🌍 Public
BbeauMarko
Last edited Mar 19, 2021
Created on Feb 5, 2021
Forked from GDP Serbia

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.

AI-generated description

GDP PC of Serbia, Slovenia, Croatia and Romania (1995 - 2019)

MIT Licensed

Similar vizzes

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
87% 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
85% match
Loading thumbnail…

Dumbbell Chart - Balkan GDP Evolution

This dumbbell chart compares GDP per capita for nine Balkan countries between 1952 and 2007, with each country’s paired circles connected by a line to highlight growth. The chart uses d3.csv, scaleLinear, and scalePoint to position the data, with d3.axisBottom for the currency-formatted x-axis. Data labels show exact rounded values, and the visualization relies on SVG circles, lines, and text elements, styled via CSS, sourced from Gapminder data.

BbeauMarko
82% 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
79% 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
73% match
Loading thumbnail…

Multiline chart

This interactive multiline chart visualizes the GDP of 19 European countries from 2006 to 2023, using D3.js (v7.8.5) to render SVG line paths and an animated legend. Users toggle country visibility via checkboxes, with a tooltip displaying formatted GDP values. The data is fetched from a GitHub gist and parsed as CSV using `d3.csvParse`. A color scale from `d3.schemeCategory10` assigns distinct hues, and the chart includes dashed gridlines and an SVG-based legend for clarity.

Kkfhujosefsson@dons.usfca.edu
70% match
Loading thumbnail…

graphs

This visualization displays country-level economic and health indicators, including a line chart of GDP values, a histogram of GDP distribution, and a scatter plot comparing GDP with life expectancy. The code loads CSV data, cleans GDP strings, and initializes three chart instances using the Chart.js library alongside D3.js for data fetching. The charts render on separate HTML canvas elements, with the line chart displaying raw GDP values and the scatter plot revealing correlations between economic output and longevity.

BBharath kumar
70% match
Loading thumbnail…

GDP Bar Chart

This example presents a static bar chart of GDP data, with each bar’s height representing a country’s economic output. The visualization uses D3.js to bind data to SVG elements, scale the bars with `d3.scaleLinear`, and apply a color scale to differentiate values. The chart is rendered inside a minimal React component, with the view instantiated via a simple `div` container. Bars are drawn using SVG `rect` elements, and the code leverages D3’s selection and data-join pattern to create the visualization.

Aadventuresenglish.info@gmail.com
70% match