Skip to main content
SimilarExport ZIP
100%

hw6_me

✓ Published2🌍 Public
Kkenny-wq
Last edited Dec 20, 2023
Created on Oct 16, 2023
Forked from hw6

This visualization shows a ThemeRiver chart tracking median house sale prices over time, segmented by property type and bedroom count. Seven categories—ranging from two-bedroom houses to three-bedroom units—are displayed as colored streams that flow and stack vertically. The chart uses D3 v6 with `d3.stack` and `stackOffsetSilhouette` to create the silhouette layout, while `d3.scalePoint` and `d3.area` handle the temporal axis and stream paths. Data comes from a CSV file containing quarterly sale prices, with each category assigned a distinct color from a ordinal scale.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

HW6

This visualization shows a ThemeRiver of house property sales in a specific area from 2007 to 2019, with each colored stream representing homes with two, three, four, or five bedrooms. The height of each stream reflects the median sale price (in dollars) for that property type quarterly. The code uses d3.stack with stackOffsetWiggle to create the flowing river layout, d3.area to draw the paths, and d3.scaleTime, d3.scaleLinear, and d3.scaleOrdinal for axes and coloring. An interactive tooltip, styled via CSS, reveals the exact price and season when hovering over any stream.

Jjerry70938@gmail.com
91% match
Loading thumbnail…

hw6

A theme river displays the moving average of house property sales prices over time, broken down by property type and bedroom count. The visualization uses a silhouette offset to stack the series symmetrically around a central axis, highlighting each category's contribution. Users can drag and drop colored blocks to reorder the legend, which triggers an immediate redraw of the stacked areas via `d3.stack` and `d3.area`. The chart is built with `d3.csv`, `moment.js` for date parsing, and SortableJS for interactive reordering.

JJiaYu07
90% match
Loading thumbnail…

Homework 6

This interactive ThemeRiver chart visualizes median house prices over time, segmented by property type and bedroom count, using data from `ma_lga.csv`. The stacked streamgraph renders as SVG paths generated with `d3.area()` and `d3.curveBasis`, with colors from `d3.scaleOrdinal(d3.schemeTableau10)`. Users can click side labels to hide streams, hover to display a tooltip with date and price via `d3.pointer`, and click two streams to swap their stacking order, triggering an animated re-render with `d3.flatGroup` and `d3.minIndex`.

Jji3ji3ji3195@gmail.com
85% match
Loading thumbnail…

hw6

This visualization shows quarterly median property prices for houses with 2 to 5 bedrooms from 2007 to 2019, using a stacked area chart to compare price trends across these groups. The chart uses D3 v6’s `csv` loader to fetch data from an external URL, `scaleLinear` for the axes, and `stack` with `stackOffsetSilhouette` for layering, though the offset is commented out. Each bedroom category is rendered as a distinct SVG path via `d3.area`, with an ordinal color scale distinguishing the series. The y-axis displays a fixed range of -100,000 to 100,000, and the x-axis uses five ticks for readability.

Kkenny-wq
85% match
Loading thumbnail…

Data Visualization Homework 6: ThemeRiver

This interactive theme river visualizes the median sale prices of houses, grouped by number of bedrooms, in a geographic region over time. Using D3’s stack and stackOffsetWiggle functions, it displays fluctuating price bands as colored streams. A color legend and a dropdown menu for selection filter the data. The SVG renders with HTML tooltips and axis ticks, with data loaded from a local CSV file.

Dderrick373519@gmail.com
85% match
Loading thumbnail…

test of hw6_me

This visualization displays the median sale price of houses over time, segmented by the number of bedrooms. The chart uses a silhouette-style stacked area chart to show price trends for each category. The data is loaded from a remote CSV file using the `d3.csv` function, and the `MA` values are parsed as numbers. The visualization uses `d3.scalePoint` for the x-axis and `d3.scaleLinear` for the y-axis, with `d3.group` to nest the data by date. The chart is rendered as an SVG using `d3.area` paths.

Kkenny-wq
84% match
Loading thumbnail…

Untitled

A ThemeRiver visualization displays changes in Massachusetts home sale prices over time, stacked into flowing streams by bedroom count. The chart uses D3 v6 to load CSV data, transforms it via the `d3.stack` generator, and renders smooth SVG areas with `d3.area` and `curveBasis`. Time and price scales map dates to the x-axis and cumulative price ranges to the y-axis, while each stream is colored by housing category.

Nnanegole
83% match
Loading thumbnail…

Fork of Data Visualization Homework 6: ThemeRiver

This example presents a ThemeRiver visualization that tracks the median price of house sales, broken down by property type and number of bedrooms, over time. It displays the data as stacked, wiggled areas to show how the price distributions evolve across the years. The implementation uses the D3.js library (version 5) to load the data, process it, and render the visualization with SVG and animations. It also integrates a color legend and a dropdown menu (if present) to facilitate interaction, using D3's `scaleTime`, `stack`, and `area` functions.

LLê Minh Bằng
83% match