Changes in INR currency with respect to USD over time

100%

Changes in INR currency with respect to USD over time

✓ Published0🌍 Public

Last edited Sep 23, 2020

Created on Sep 16, 2020

This example visualizes the historical exchange rate of the Indian rupee (INR) against the US dollar from 2001 to 2016 using a scatter plot. It shows the trend of INR values over time, with each data point representing a specific date and the corresponding exchange rate, scaled to a fixed y-axis range of 0 to 80. The visualization is built using the Vega-Lite API and rendered with D3, leveraging the `csv` function from D3 to load remote data. The code explicitly sets circle size and opacity for the marks and includes a tooltip for detailed values.

AI-generated description

The line chart shows the trend of INR over the years ranging from 2001 to 2016.

The data shown here comes from here.

The visualization is constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

USD to INR conversion graph

This example shows the exchange rate between USD and INR, depicting how the value of the US dollar fluctuates against the Indian rupee over time. The visualization is built using React for the application structure, while D3.js version 5 handles the data plotting and chart rendering. The code uses a custom hook, `useData`, to manage data retrieval, though the actual data fetching logic is not implemented in the visible files. The main component renders a static “Hello React!” message, meaning the chart itself is not yet instantiated; instead, the placeholder demonstrates the intended setup with D3 and React working together.

VVikil Lakkavatri

77% match

Loading thumbnail…

ICE-7:-Line Chart:-Comparing USD to INR Price from 1990 to 2022

This line chart displays the exchange rate of USD to INR from 1990 to 2022, showing a steady upward trend in the price over time. The visualization uses d3.v7 with SVG rendering, employing d3.line, d3.scaleLinear, and d3.axisBottom/axisLeft to plot the data. Data points are marked as circles, and the line uses curveMonotoneX for smooth transitions. The data is fetched from a CSV file hosted on GitHub Gist, and the chart is styled with a white background and blue accents.

Vvinodreddysagam929@gmail.com

76% match

Loading thumbnail…

ICE-7:Area Chart:-Comparing USD to INR Price from 1990 to 2022

This area chart compares the USD to INR exchange rate from 1990 to 2022, using a red filled area beneath a blue line to show price trends over time. The visualization displays yearly data points as blue circles, with axes labeled for year and price. Built with D3 v7, the code uses d3.area with curveMonotoneX for the filled region and d3.line for the trend line, fetching data from a CSV via d3.csvParse. The chart renders to SVG within a styled container, with axis labels and title formatted through CSS classes.

Vvinodreddysagam929@gmail.com

74% match

Loading thumbnail…

scatter plot transition

This animated scatter plot shows the relationship between 13th and 61st month persistency rates for Indian life insurance companies from 2016 to 2021. A dropdown menu allows selection of a specific year, triggering smooth transitions where data points move to their new positions via D3's `transition()` and `duration()`. The visualization uses D3 v7 with SVG rendering, `d3.csv` for data loading, and scales from `d3.scaleLinear`. Each circle represents a company, positioned by x and y axes with grid lines and labeled axis titles.

KKaustav Sen

65% match

Loading thumbnail…

Fork of Fork of Line Chart

This example visualizes India’s GDP in billion US dollars from 2009 to 2022 as a red line chart. The chart uses D3 v5 with SVG rendering, employing `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` with grid lines, and a `line` generator. Data is loaded from a CSV file via `d3.csv`, parsed with `new Date` and numeric conversion, then drawn in a centered group with margins, axis labels, and a title.

SSumanya4

64% match

Loading thumbnail…

Line Chart

This line chart displays India’s GDP in billion U.S. dollars from 2001 to 2021, with the year on the x-axis and GDP values on the y-axis. The visualization uses D3 v5 with the `csv`, `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs, rendering in SVG. Data is loaded from a remote CSV file, and axes include gridlines and labels. A red path traces the GDP trend over time.

HHarshavardhan

64% match

Loading thumbnail…

Fork of Scatterplot of the restaurant data

A scatterplot displays annual gold rates, plotting date on the x-axis against USD value on the y-axis. Each circle represents a yearly data point, with axes labeled and styled in purple. The visualization uses D3 v6 methods like `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and render the dataset from a GitHub-hosted CSV. SVG circles are colored with a beige fill and stroke, while axis text is sized at 24 pixels.

Ttejasviteegala@my.unt.edu

64% match

Loading thumbnail…

Fork of ICE-7 Area Chart

This fork of the ICE-7 area chart visualizes gold price trends in India from 2019 to 2020 using an SVG rendered with D3 v5. The chart employs `scaleTime` for the x-axis and `scaleLinear` for the y-axis, with an area path generated by `d3.area` and `curveBasis`. Data is loaded from a remote CSV via `d3.csv`. The visualization features a pink background, a red title, and purple axis labels, with grid lines extending from both axes.

TTekmal-Bhavana

64% match