Skip to main content
SimilarExport ZIP
100%

Activity7_Question2

✓ Published0🌍 Public
Ssriharshithaanugu5@gmail.com
Last edited Apr 6, 2025
Created on Apr 3, 2025
Forked from Hello VizHub

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`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 9 q2

This area chart displays the exchange rate of USD over time, using a green filled area to emphasize the trend. The visualization is rendered as an SVG and built with D3 v7, which handles data parsing, time-based scaling on the x-axis, and linear scaling on the y-axis. The chart also includes labeled axes for "Year" and "USD", with the area path generated by `d3.area()`. The data is loaded from a remote CSV file, and the chart is styled with a green fill and black stroke.

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

Activity-7 question-2

This visualization shows the fluctuation of Bitcoin’s price over time as a blue area chart with an overlaid darkblue line, using SVG rendering. The chart includes labeled axes for Date and Price (USD) and an underlined title. The code loads a remote CSV file via `d3.csv`, parses dates with `d3.timeParse`, and builds the area and line paths using `d3.area` and `d3.line`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, while scales rely on `d3.scaleTime` and `d3.scaleLinear`.

Kkandulasunny17@gmail.com
78% match
Loading thumbnail…

Activity_7.1_Question2

This visualization shows two area series representing session rates over time, allowing direct comparison of the two metrics on a shared time axis. Built with D3.js version 3, the chart uses SVG rendering and separate area paths with distinct colors (limegreen and orangered) at 50% opacity. Data is loaded from a remote CSV file, parsed using `d3.csv` with custom type conversion, and mapped to time and linear scales (`d3.time.scale`, `d3.scale.linear`). Axes are generated via `d3.svg.axis`, while the areas are created with `d3.svg.area`, each anchored to the chart’s baseline.

Vvarshithainaganti@gmail.com
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…

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…

Activity-7_Question-2

This area chart displays monthly sales data loaded from a CSV file, with a hover interaction that reveals a tooltip showing the exact month and sales value. The visualization uses D3.js v7 to render the SVG area path via the `d3.area` API, with `scaleBand` and `scaleLinear` axes. Transparent rectangles are overlaid on the data region so hovering triggers the tooltip, which fades in and out using D3 transitions.

Rrahul.bonu524@gmail.com
75% match
Loading thumbnail…

Question 2 of Activity 7.1

This visualization displays Lakme’s share price over time as a green area chart, with date on the x-axis and the price in rupees on the y-axis. It loads CSV data from a Gist URL and parses the date and price columns. Using D3 v7, the code defines time and linear scales, then applies `d3.area` to render the filled region. Axis labels are added, and x-axis tick text is rotated 45 degrees for readability. The chart is rendered as an SVG with a 1000×500 canvas.

Kkrishi7079@gmail.com
74% match