Skip to main content
SimilarExport ZIP
100%

Project

✓ Published0🌍 Public
Bbhargavr016@gmail.com
Last edited Apr 25, 2024
Created on Apr 24, 2024
Forked from Hello VizHub

This visualization tracks annual inflation rates across countries from 1980 to 2024 using a multi-line chart. It displays each country’s inflation trajectory as a distinct colored line, with a continuously updating x-axis representing time and a y-axis showing percentage rates. The primary view uses d3.csv to load globalInflation.csv, then transforms the wide data into a long format for rendering with d3.line and d3.scaleTime. A secondary script focuses specifically on India’s data, adding red data points with d3.scaleLinear and d3.axisBottom to highlight its trends.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Inflation Final Project

This interactive visualization explores global inflation trends from 1970 to 2022 using IMF data. Users can compare countries and inflation types, with options to switch between horizontal and horizon chart views. The horizon chart, built with d3.area and custom clipping paths, displays time-series data across multiple countries in a compact, layered format. Interactive controls allow zooming, panning, and applying a square-root transformation to the y-axis, while dropdown menus filter by country and inflation metric. The SVG rendering uses d3.scalePoint for the x-axis and d3.scaleLinear for the y-axis.

Hhi4u2qzy@gmail.com
80% match
Loading thumbnail…

Fork of Line Chart Group-4

This visualization shows poverty inflation trends across countries as a line chart. A single red line maps inflation values over time, with the country name on the x-axis and inflation on the y-axis. The code uses D3 v5 functions like `d3.select` to render an SVG, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom` and `d3.axisLeft` for axes, and `d3.line` to generate the path. Data is loaded from a CSV file via `d3.csv`, with the inflation column converted to numeric values.

SSurikanti Swathi
80% match
Loading thumbnail…

Fork of line graph group-4

This visualization displays inflation rates for 12 countries using a violet line on an SVG chart, with the x-axis showing country names and the y-axis showing inflation values. The chart loads data from a CSV file and renders axes, grid lines, and a thick 6-pixel line using d3.scaleBand, d3.scaleLinear, d3.line, and d3.axisLeft. A blue axis label pair marks the axes as “country” and “inflation,” while text elements position the labels on the chart. The code applies a modified stylesheet that increases font sizes for axis text.

SSurikanti Swathi
80% match
Loading thumbnail…

line graph group-4

This line graph visualizes inflation rates across countries, with each country positioned along the x-axis and its inflation value plotted on the y-axis. The chart uses a violet, six-pixel-wide line to connect all data points, highlighting the variation in inflation across nations. It loads data from a CSV file and renders an SVG using d3.csv, d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and d3.line to generate the path. Axis labels and titles are included, with the graph built in a React framework using D3 v7.

Ppvreswar7@gmail.com
79% match
Loading thumbnail…

Fork of Fork of Line Chart Group-4

This example displays a line chart of inflation rates across countries, with country names on the x-axis and inflation values on the y-axis. The chart uses d3.scaleTime despite the categorical x-axis labels, d3.scaleLinear for the y-axis, and d3.line to generate a red path connecting data points. Axis labels and a title are added via SVG text elements. Data is loaded asynchronously from a remote CSV using d3.csv, with inflation values coerced to numbers and dates parsed before rendering.

Ppvreswar7@gmail.com
78% match
Loading thumbnail…

project

A multi-line chart compares actual versus expected population figures for India, the USA, and China from 2015 to 2030. The visualization uses D3 v6 with SVG rendering within a React framework, with each country's actual and projected data drawn as distinct colored lines using `d3.line` and `d3.scaleTime`/`d3.scaleLinear` for axes. The code includes a tooltip and styles lines with the `.line` class. Data comes from a static CSV file containing yearly population values.

PPavan Nimmagadda
76% match
Loading thumbnail…

Line Chart

This line chart visualizes the GDP of India over two decades, with the x-axis representing years and the y-axis showing GDP in billion dollars. The chart displays a single red line path, generated using d3.line, with axes created via d3.axisBottom and d3.axisLeft. Data is loaded from a CSV file using d3.csv and parsed with scaleTime and scaleLinear for positioning. Rendered as an SVG, the visualization includes axis labels and a title, with styling applied through CSS classes.

HHarshavardhan
75% match
Loading thumbnail…

Line Chart

This line chart displays India's GDP in billions from 2011 to 2020, using a time-scaled x-axis for years and a linear y-axis for GDP values. The visualization is rendered as an SVG using D3 v5, with the code importing modular functions such as `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, `extent`, and `max`. Data is loaded from a CSV file hosted in a GitHub gist, and the chart includes labeled axes, gridlines, a title, and a green stroke path generated by the `line` generator.

Uubl2
75% match