Skip to main content
SimilarExport ZIP
100%

GDP Serbia

✓ Published0🌍 Public
Ggayathrikavya
Last edited Mar 29, 2023
Created on Mar 29, 2023
Forked from 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.

AI-generated description

A program that follows your mouse with a circle.

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
94% 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
85% 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
84% 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
78% match
Loading thumbnail…

Line Chart

This example visualizes the GDP of a dataset over time as a smooth line chart. The chart maps yearly data points using a line path with natural curve interpolation, while axes are labeled for year and GDP. Built with React and D3 v5, it uses `scaleTime` for the x-axis and `scaleLinear` for the y-axis, rendering to SVG. The data is loaded from a CSV file via the `csv` function from D3, and the visualization omits individual data point circles, focusing solely on the trend line.

Ggayathrikavya
75% 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
72% match
Loading thumbnail…

Untitled

An interactive bar chart displays GDP per capita for a selection of countries, with bars rendered as SVG rectangles. Hovering over a bar highlights it in orange and displays a label with the country name and value, while a checkbox button toggles sorting of the bars in descending order. The visualization uses d3.v4 scales, axes, and transitions for animation, with data hardcoded in a JavaScript array and styled via CSS classes.

Ppriyankab23
72% 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
71% match