Skip to main content
100%

Assignment-3-Ques2-SiriGayatri

✓ Published0🌍 Public
Ssirigayatri16@gmail.com
Last edited Mar 26, 2025
Created on Mar 26, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Ques2-Assignment2_siri

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.

Ssirigayatri16@gmail.com
80% match
Loading thumbnail…

Assignment-3-Siri Gayatri

This interactive D3.js pie chart visualizes Delhi temperature trends from a 120-day sample by categorizing daily mean temperatures into cold, mild, warm, and hot ranges. The visualization aggregates the data using `d3.rollup` to count occurrences per temperature category, then renders each slice with `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal(d3.schemeCategory10)` for coloring. A custom legend with color squares and day counts complements the SVG chart, which is centered at coordinates (200,200) with a 180-pixel radius. The data source is fetched from a public GitHub gist containing raw weather measurements.

Ssirigayatri16@gmail.com
75% match
Loading thumbnail…

ra_assignment_2

This visualization shows the relationship between house area and price in a dataset loaded from a CSV file, using an area chart to display the trend of rising prices as square footage increases. The D3.js v6 code sorts the data by area and applies linear scales for both axes, then generates the shaded area using the `d3.area()` API with a green fill and opacity. Axes are rendered via `d3.axisBottom` and `d3.axisLeft`, while the SVG output includes labeled axes and a title. The chart is built with `d3.select`, `d3.csv`, and an SVG container, displaying points where the y-axis represents price in dollars and the x-axis represents area in square feet.

RRukmini Devi Y
73% match
Loading thumbnail…

Assignment 6 - Manisha (Housing Prices)

This combined bar-and-line chart displays average housing prices and average living areas across multiple cities. The visualization aggregates a CSV housing dataset using `d3.csv` and `d3.rollups`, computing mean values per location. Blue bars represent average price on the left axis, while a red line with point markers shows average area on the right axis. The chart uses `d3.scaleBand` and `d3.scaleLinear` for positioning, with `d3.axisBottom`, `d3.axisLeft`, and `d3.axisRight` for tick marks. The SVG rendering includes rotated city labels and a custom legend for both metrics.

Kkonudulamanisha@gmail.com
71% match
Loading thumbnail…

Assignment2_Question1(AreaChart)

This area chart visualizes long-term sales performance across four regions (North, South, East, West), using a stacked layout to show the total sales composition by year. Built with D3 v7, it reads CSV data, parses years, and applies `d3.stack()` with `d3.stackOffsetNone` to create the layered areas, colored via `d3.schemeCategory10`. The chart includes axes, labels, and a legend, with interactive tooltips that display region-specific sales values on mouseover using the `pointer-events` attribute and custom HTML tooltip styling.

Ssaisnehapalle@my.unt.edu
71% match
Loading thumbnail…

Activity6_Task3_Question

This interactive scatter plot visualizes housing prices against area, with color encoding furnishing status (furnished, semi-furnished, unfurnished) using a d3.scaleOrdinal with green, orange, and red. The SVG renders circles from CSV data loaded via d3.csv, with linear scales for axes, axis labels, a title, and a legend. D3 v6 handles all layout and styling through d3.select, scaleLinear, axisBottom, and axisLeft.

RRishithaGarnepudi@my.unt.edu
71% match
Loading thumbnail…

Activity-7.1 Q1

This visualization shows housing costs across different urban areas as a pie chart. The code loads data from a CSV file and uses d3.pie and d3.arc to generate the sectors, with d3.scaleOrdinal assigning distinct colors to each location. The SVG rendering includes a legend displaying the urban area names alongside their corresponding color swatches. The dataset is fetched asynchronously from a GitHub gist, and the chart updates dynamically once the data is loaded.

Ttarun.chintada46@gmail.com
71% match