Skip to main content
SimilarExport ZIP
100%

109705001_hw6

✓ Published0🌍 Public
Yyihsuan
Last edited Sep 1, 2024
Created on Sep 1, 2024

A streamgraph visualizes quarterly median sale prices for houses with two to five bedrooms in King County, Washington, from 2007 to 2019. The chart uses a silhouette offset to center the flowing areas around a shared baseline, with color encoding by bedroom count. Hovering over a time segment highlights the exact sale price and property type via a tooltip. The visualization is built with D3.js, using `d3.stack` with `stackOffsetSilhouette`, `d3.area` with curveBasis, and `d3.schemeTableau10` for categorical coloring. Data comes from a CSV file of median sale values.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

hw6_me

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.

Kkenny-wq
80% 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
80% match
Loading thumbnail…

Activity6_Question3(6)

This scatter plot visualizes King County house sales, showing the relationship between price and square footage with points colored to distinguish waterfront properties from non-waterfront ones. The visualization renders as an SVG using D3 v6, employing `scaleLinear` for the x and y axes, `scaleOrdinal` for categorical color encoding, and `d3.axisLeft` and `d3.axisBottom` for labeled axes. A custom legend explains the color mapping, while the data is loaded and processed through D3's selection and data-join methods.

Nnithinnc@outlook.com
79% match
Loading thumbnail…

(fork) 1

This interactive streamgraph visualizes quarterly median sale prices for houses and units with varying bedroom counts, sourced from the data.csv file. Users can reorder the legend categories through drag-and-drop, which triggers a redrawing of the stacked time-series chart via the `render` function. The visualization uses D3.js v6 for creating the SVG, scaling axes, and rendering the tooltip, while Sortable.js handles the reordering. The y-axis is fixed between -4,000,000 and 4,000,000 to accommodate the stacked values.

Wweird_danger
79% match
Loading thumbnail…

6

This visualization uses a streamgraph to display median house sale prices over time, broken down by property type and number of bedrooms. A dropdown menu allows the user to select which stream is sorted at the top of the graph. The stacked areas are rendered as SVG paths using `d3.area` with a `stackOffsetSilhouette` layout, and the x-axis encodes time as years with seasonal divisions. Hovering over a stream reveals a tooltip with the price for that date, calculated from the stack’s bounds. The data comes from a CSV file (`ma_lga_12345.csv`) listing sale dates and median prices.

Kkatherine3849@gmail.com
79% match
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
79% match
Loading thumbnail…

Activity6Question3

This scatter plot compares house sale price against living square footage for King County properties, with each point colored by waterfront status using an ordinal color scale. The D3 v6 visualization loads CSV data from a GitHub repository, converts numeric fields, and renders circles on an SVG canvas. Axis labels, ticks, and a custom legend are drawn using `d3.axisLeft`, `d3.axisBottom`, and manual SVG elements, employing `scaleLinear` for both axes and `scaleOrdinal` for the two-category color encoding.

Aalapati98@gmail.com
78% 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
78% match