Skip to main content
SimilarExport ZIP
100%

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

✓ Published1🌍 Public
Vvinodreddysagam929@gmail.com
Last edited Mar 27, 2024
Created on Mar 27, 2024

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.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in San Francisco. The data comes from Data Canvas - Sense Your City.

Made in this video:

MIT Licensed

Similar vizzes

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

Changes in INR currency with respect to USD over time

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.

Nnaisargidave
76% match
Loading thumbnail…

ICE - 7 Line Chart Maanas Katta

A line chart displays the daily opening bid price of the EURUSD currency pair throughout 2021. The visualization uses a smooth curve to connect data points across months, with gold gridlines and blue tick labels framing red price fluctuations. Built with React and D3 v7, the code loads CSV data from a GitHub gist and uses `scaleTime`, `scaleLinear`, `extent`, and `line` with `curveBasis` for rendering. Axes are manually constructed from D3 scales, and the chart includes labeled axes for months and opening bid price.

MMaanas Katta
73% match
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
72% match
Loading thumbnail…

ICE 7 Area Chart

This area chart shows the GDP of India from 1994 to 2021, with a bold black line tracing the trend and a pink filled area underneath. The chart uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while the line and area shapes are generated with `line()`, `area()`, and `curveBasis`. Data is loaded from a CSV file hosted on GitHub, and the year values are parsed using `timeParse`. The SVG output is styled with CSS, and axis labels use a formatted tick scale.

Vvarun-030
72% match
Loading thumbnail…

ICE 7: Line Chart

This example visualizes Bitcoin prices from 2008 to 2020 with a line chart. It uses D3 v5 to render an SVG, mapping years on the x-axis and costs on the y-axis. The code builds linear and time scales, adds axis labels, and generates a red line path from the loaded CSV data. The chart uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator.

PPYATA SHARAN
71% match
Loading thumbnail…

ICE-7 Line Chart

This chart displays the cost of sales from 2000 to 2013, using a single red line to show the trend over time. It loads CSV data from a GitHub Gist and renders the visualization as an SVG. The code leverages D3 v5’s `scaleTime`, `scaleLinear`, `line`, `axisLeft`, and `axisBottom` APIs to build the chart, with labelled axes and a title. The line path is generated using `d3.line` and the data is parsed so that years become Date objects.

CCHANDU BHARGAVI
71% match
Loading thumbnail…

ICE-7 Area

This area chart visualizes electronic sales in INR from 2009 to 2022, with the x-axis representing time and the y-axis showing sales amounts. The chart uses D3 v5’s `scaleTime` and `scaleLinear` for scaling, `area` with `curveBasis` for the filled path, and `axisBottom` and `axisLeft` for labeled axes. Data is loaded from a CSV via `csv`, with years parsed as dates and sales converted to numbers. The SVG rendering includes a green filled area, red title, and styled tick labels.

HHARSHA BUDDANA
71% match