Skip to main content
SimilarExport ZIP
100%

The housing market was greatly impacted in March and April. However, the impact was reversed quickly since June.

✓ Published0🌍 Public
Yyeezhu112
Last edited Aug 2, 2020
Created on Aug 1, 2020

Three overlaid line charts compare average new housing listings across 2018, 2019, and 2020, highlighting a sharp decline in March and April 2020 followed by a rapid recovery by June. The visualization uses React with D3 v5 scales and line generators with curveBasis, rendering to SVG. Red, blue, and black paths represent each year, while dropdown menus allow switching between x-axis attributes like day of year and y-axis metrics such as average listings. Data comes from Redfin’s data center.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of React & D3 Vibecoding Starter

This example visualizes a year-over-year comparison of six housing market metrics between March 2024 and March 2025, including housing inventory, new listings, closed sales, pending sales, average mortgage rate, and median home price. Grouped bar charts display absolute values for each year, with hover-revealed percentage change labels and interactive metric selection via click. Built with React and D3 v7, the code leverages `d3.csv` for data loading, `scaleBand` and `scaleLinear` for scales, and `axisBottom`/`axisLeft` for axes, with a custom `ResizeObserver` for responsive sizing.

NNita
75% match
Loading thumbnail…

Time Series with Interaction

This example presents monthly housing data from January 1991 to April 2013, displaying two time series: the Housing Price Index (HPI) and the number of homes sold. The visualization uses D3.js v7 with SVG rendering and an animated, interactive line chart. Users can hover over a line to highlight it while dimming others to light grey, or click a series to toggle its visibility. The implementation leverages `d3.line`, `d3.scaleTime`, `d3.scaleLinear`, and `d3.axisBottom` within a React framework.

CChandana Srinivas
73% match
Loading thumbnail…

Line Chart

This line chart tracks the annual sales of houses in the United States from 2009 to 2022, with years on the x-axis and the number of homes sold on the y-axis. The visualization uses D3 version 5, rendering as an SVG. It employs `d3.scaleTime` and `d3.scaleLinear` for the axes, while `d3.line` with a basis curve generates the smoothed trend line. The data is loaded from a CSV file hosted in a GitHub gist, featuring red strokes, bold labels, and a centered title.

CCH SAMPATH
70% match
Loading thumbnail…

Fork of Vanilla D3 Vibecoding Template

A grouped bar chart compares housing market metrics between March 2024 and March 2025, showing absolute values for six categories alongside color-coded percentage changes. The d3.scaleBand and d3.scaleLinear APIs position bars and axes, while value labels format prices with dollar signs and mortgage rates with percent symbols. A legend distinguishes the two years, and positive or negative trends appear as green or red arrows using SVG text elements. The chart includes title, subtitle, and source attribution within the SVG canvas.

NNita
70% match
Loading thumbnail…

For most of retail industries, the growth is haulted by COVID-19. The seasonal growt is also dimished by the impact of COVID-19.

This interactive line chart visualizes monthly retail growth compared with the same month last year across industries, revealing how COVID-19 halted growth and dampened seasonal patterns. The chart compares 2019 and 2020 data from the RetailGrowth.csv file, using d3.scaleTime, d3.scaleLinear, and d3.scaleOrdinal for axes and color encoding. A d3.Delaunay Voronoi overlay enables hover interactions, highlighting the nearest data point and its corresponding industry line, while a tooltip displays the exact growth or reduction percentage.

Yyeezhu112
69% match
Loading thumbnail…

The increment of airbnb over years

This bar chart visualizes the increase in Airbnb listings over time, with each bar representing the total count for a given year. The visualization uses a React front-end with D3.js v6 for data loading and scaling, rendering as an SVG. It employs `scaleBand` for the x-axis (years) and `scaleLinear` for the y-axis (totals), with data fetched from a CSV file hosted on GitHub. The bars are drawn using SVG rectangles, and axes are constructed from custom components.

ZZHIYI CHEN
69% match
Loading thumbnail…

The increment of airbnb over years

The visualization shows the growth of Airbnb listings in New York City boroughs from 2008 to 2020, using a bar chart where the y-axis displays borough names and the x-axis represents the number of houses. Users click year buttons to update the chart, which uses hardcoded data for each period. The visualization is built with React and D3 v6, leveraging `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG bars with a yellow highlight on the selected year.

ZZHIYI CHEN
68% match
Loading thumbnail…

HTML Starter

This bar chart displays monthly record counts for CKYC in 2020, showing a dramatic decline from January through April. The visualization uses D3 v5 within a React framework, employing `scaleLinear` for the x-axis, `scaleBand` for categorical months on the y-axis, and `axisLeft` and `axisBottom` for tick marks. Data is loaded via `csv()` from an external file, with records parsed as numbers. The horizontal bars are rendered as SVG rectangles, styled with steel blue fill, emphasizing the sharp drop in counts across the first four months.

Aakshaypoojary
68% match