Skip to main content
SimilarExport ZIP
100%

Ques2-Assignment2-siri gayatri

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

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.

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

Ques2

This area chart displays the count of sales for each region, using a smooth, curved line to connect data points across the categorical x-axis. The chart is rendered as an SVG using D3 v5, with scales for the band and linear axes, and includes axis labels and gridlines. It loads sales data from a CSV file and applies D3’s `area` generator with `curveBasis` to create the filled area beneath the line. Sales values are parsed as numbers, and the chart is styled with custom CSS for tick labels, axis colors, and the shaded area fill.

Ssushanthkodipyaka@gmail.com
73% 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
72% 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
72% match
Loading thumbnail…

Assignment2_Ques2

This stacked bar chart visualizes tourist counts by region over time, with yearly totals aggregated on the y-axis and regions distinguished by color. Built with Vega-Lite through the vega-lite-api and D3, the visualization loads CSV data from a GitHub Gist and renders as a responsive SVG. Tooltips provide detailed per-region tourist values, while custom styling via the config object colors axis labels and titles in a dark purple.

HHemanthh81
72% 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