Skip to main content
SimilarExport ZIP
100%

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

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

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.

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

Activity7_Question2

This interactive line and area chart visualizes the monthly USD to INR exchange rate over time. The visualization combines a semi-transparent steelblue area chart with an overlaid line, both colored green, to show the trend. It includes axes labeled "Date" and "Exchange Rate (INR per USD)", plus a tooltip that appears on mouseover, revealing the exact exchange rate at the hovered date via a red focus circle. Built with D3 v7, the code uses `d3.area`, `d3.line`, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.bisector` for interactivity, with data loaded from a CSV file via `d3.csv`.

Ssriharshithaanugu5@gmail.com
78% 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
77% match
Loading thumbnail…

ICE 7 Area Chart

The ICE 7 Area Chart visualizes mobile purchase trends in India from 2010 to 2020. It combines a line and area chart to show the growth in purchases over time, with the line highlighting the trend and the filled area emphasizing the magnitude. The visualization uses D3 v5 APIs including `d3.scaleTime`, `d3.scaleLinear`, `d3.axisLeft`, `d3.axisBottom`, `d3.line`, `d3.area`, and `d3.curveBasis` to render the smooth curves. It loads CSV data from a GitHub gist and renders the result as SVG, with the line in orange and the area fill in yellow.

NNaveenrajaYalagandula
76% match
Loading thumbnail…

ICE 7 Area Chart

This area chart visualizes Bitcoin prices from 2008 to 2020, combining a black line for the price trend with a green filled area beneath it. The chart uses D3 v5’s `scaleTime` and `scaleLinear` for axes, along with `line` and `area` generators with a `curveBasis` interpolation. The SVG rendering includes gridlines via axis tick sizes and data is loaded from a CSV file using `d3.csv`.

PPYATA SHARAN
75% match
Loading thumbnail…

ICE - 7 Area Chart Maanas Katta

This area chart visualizes the opening bid price of EURUSD across 2021, using a smooth curve and semitransparent fill to show price trends over time. The x-axis maps months via `scaleTime` and `timeFormat`, while the y-axis uses `scaleLinear` with formatted tick labels. The chart is rendered as an SVG using D3 v5, with `line` and `area` generators applying `curveBasis` for smoothed paths. Data is loaded from a CSV URL and styled with custom CSS for axis colors and the aqua area fill.

MMaanas Katta
75% match
Loading thumbnail…

ICE 7 Area Chart

This area chart visualizes company profits in India from 2010 to 2021, with a smooth curved line and filled blue area beneath it. The chart uses d3.scaleTime and d3.scaleLinear for axes, while d3.line and d3.area with d3.curveBasis generate the path elements. Data is loaded from a CSV file via d3.csv, with dates parsed using d3.timeParse. The SVG rendering includes axis labels, gridlines via tickSize, and formatted profit values using d3.format.

TTejaswi@3271
75% match