Ques2-Assignment2_siri

100%

Ques2-Assignment2_siri

✓ Published4🌍 Public

Last edited Mar 26, 2025

Created on Mar 26, 2025

This example compares median housing prices over time between New York and Texas using a D3.js area chart. The visualization displays two semi-transparent filled regions—coral for New York and dodger blue for Texas—allowing users to see price trends and overlaps. It loads CSV data from a GitHub gist via `d3.csv`, parses dates with `d3.timeParse`, and renders axes, labels, and a legend as SVG. The tooltip, implemented as a DOM overlay, reveals exact values on hover. The chart resizes dynamically to fit the browser window.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment-3-Ques2-SiriGayatri

This visualization shows regional housing price trends over time using a stacked area chart. The chart displays price changes across multiple regions, with each region represented by a gradient-filled area that stacks to show the total market composition. The visualization uses D3.js (v7) with SVG rendering and several specific APIs including `d3.area()`, `d3.stack()`, `d3.scaleTime()`, and `d3.curveMonotoneX`. The data is loaded from a remote CSV file containing housing prices by region and date.

Ssirigayatri16@gmail.com

80% match

Loading thumbnail…

Ques2-Assignment2-siri gayatri

This visualization shows stacked area trends in regional housing prices over time, with each colored band representing a different region’s price contribution to the total. The chart uses d3.area with curveMonotoneX to draw smooth, gradient-filled paths, and d3.stack to aggregate the regional series. Data is loaded via d3.csv from a remote gist, then grouped by region and date using d3.group. Axes are rendered with d3.axisBottom and d3.axisLeft, while price values are scaled linearly against a time-based x-scale.

Ssirigayatri16@gmail.com

79% match

Loading thumbnail…

Assignment2Question2

This example shows a 2,400-pixel-wide area chart of New York City monthly temperatures across years, with red circular markers at each data point that reveal a tooltip on hover. The visualization uses D3 v7 to load CSV data from a GitHub gist, parse the Temperature column, and render an SVG path via the `d3.area` generator with `d3.scaleBand` and `d3.scaleLinear` axes. The tooltip is implemented as an HTML div that transitions opacity on `mouseover` and `mouseout`, while the chart includes rotated axis labels and a steelblue fill. The code runs in a plain HTML page with inline CSS for the container and tooltip styling.

KKondreddy Saikiran reddy

75% match

Loading thumbnail…

Activity7.1 Q2

This example shows two distinct data visualizations in one page: an area chart tracking monthly salaries across 2023, and a pie chart displaying browser market shares. The area chart uses D3’s `d3.area` generator with time-scaled axes and explicit axis labels, while the pie chart loads CSV data via `d3.csv`, applies a `d3.pie` layout, and renders arcs with `d3.arc` and a color scale. Both visualizations rely on SVG rendering and D3 v6, with the pie chart adding an interactive legend.

SSiddhardha

70% match

Loading thumbnail…

Assignment-2 Q.2.1

This example shows a temperature data area chart with interactive tooltips, displaying temperature readings across cities and dates. The SVG chart uses d3.area to render the filled path and d3.scaleBand for the categorical x-axis, with d3.csv loading the external temperature dataset. Circle markers at each data point trigger tooltips on mouseover using D3 transitions, while axes are drawn with d3.axisBottom and d3.axisLeft. The visualization updates tooltip content with city, date, and temperature values in degrees Celsius.

Mmalampatiramya03@gmail.com

70% match

Loading thumbnail…

ASSIGNMENT-2_QUESTION-2

This D3.js area chart visualizes data loaded from a CSV file hosted on GitHub, displaying a time series of values over years. The SVG-based visualization uses `d3.scaleLinear` to map the data domain to pixel coordinates, generates the area path with `d3.area`, and renders labeled axes via `d3.axisBottom` and `d3.axisLeft`. Labels "Year" and "Value" are added to the corresponding axes. The chart is embedded in an HTML page that loads D3 v7 from a CDN.

Ssiddhartha gurram

69% match

Loading thumbnail…

Assignment 8 -- Multi-Series Line Chart V7

This example shows a multi-series line chart comparing daily average temperatures in New York, San Francisco, and Austin over a period of several months. The visualization uses D3 v7 with SVG rendering to draw three smooth lines, one per city, with interactive features that dim unrelated lines on hover and allow users to toggle each city’s visibility by clicking its legend label. Zooming is supported via `d3.zoom` with a time-scaled x-axis, and the line geometry is generated using `d3.line` with `curveBasis`. Data is loaded from a TSV file.

Vvishusikka

69% match

Loading thumbnail…

Activity-7_Question-2

This area chart displays monthly temperature trends in New York City from 2015 to 2023, revealing a clear seasonal pattern with warm summers and cold winters. The visualization uses D3.js v7 with an SVG rendering approach, employing `d3.scaleTime` and `d3.scaleLinear` for the axes and `d3.area` with a monotone X curve to create the smooth filled region. The data is loaded from a CSV file via `d3.csv` and parsed using `d3.timeParse` for the monthly dates.

SSrihith Reddy Gaddam

69% match