Question 2 of Activity 7.1

100%

Question 2 of Activity 7.1

✓ Published0🌍 Public

Last edited Apr 6, 2025

Created on Apr 6, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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

76% match

Loading thumbnail…

Activity 7 Question 1

This area chart displays monthly sales figures, using a filled path to emphasize the trend over time. Built with D3 v7, the visualization maps categorical month labels to the x-axis via `scalePoint` and a linear scale for sales values on the y-axis. The code fetches CSV data from a GitHub gist and renders the area with a steel-blue fill, adding labeled axes for clarity. The SVG output is generated programmatically through D3’s `area` generator and standard axis functions.

MMahimaChowdaryKasthala@my.unt.edu

75% 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

75% match

Loading thumbnail…

Fork of Activity 7 Q2

This example visualizes the average selling price of cars by year as a filled area chart. It loads a CSV dataset, parses price values expressed in Indian units (Lakh and Crore) into rupees, groups the data by year, and computes the mean price for each year. The visualization uses D3.js v7 with an SVG rendering approach, employing a linear x-scale for years and a linear y-scale for prices, rendered through the `d3.area()` generator. Axis labels and tick formatting clarify the currency in lakhs, making trends in average car prices readable over time.

MMdAfikurRahmanKhan@my.unt.edu

74% 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

74% match

Loading thumbnail…

area_chart_activity_9

This area chart shows the daily closing price of a stock over time, with a light green filled region beneath a green line, both scaled to fit the SVG canvas. The chart includes a labeled x-axis for dates and y-axis for price in dollars, plus a bold title. The visualization uses D3 v4 with `d3.area`, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, reading tab-separated time-series data from a remote CSV file. The line uses `d3.curveLinear` to connect data points without smoothing.

Vvishnupriyapalagiri@gmail.com

74% match

Loading thumbnail…

Activity 7 Q_2

This example displays a sales area chart that tracks the total sales figures over time, with the x-axis representing order dates and the y-axis showing sales amounts. The visualization uses a semi-transparent green filled area to emphasize the trend and magnitude of sales across the plotted dates. Built with d3.v7, the code loads CSV data from a GitHub gist, parses the sales and date fields, sorts the data chronologically, and applies d3.scalePoint and d3.scaleLinear for positioning. An area chart is generated with d3.area, while d3.axisBottom and d3.axisLeft render the axes, with rotated tick labels on the x-axis for readability.

Hhui249378@gmail.com

73% match

Loading thumbnail…

Activity-7.1-Q-2

This area chart visualizes data loaded from a remote text file, plotting date values over time using a blue filled area. The chart uses D3.js v7 with an SVG rendering, employing `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.area` to generate the area path. Data is parsed with `d3.csvParse` after downloading via `d3.text`, with dates converted using `d3.timeParse` and value strings cast to numbers. Axes are created with `d3.axisBottom` and `d3.axisLeft`, and the chart includes labels for both axes.

Kkrishna444battula@gmail.com

73% match