Skip to main content
SimilarExport ZIP
100%

D3 Scatter Plot Business Formation Brushed

✓ Published0🌍 Public
PPeter Cordone
Last edited Oct 20, 2021
Created on Oct 19, 2021

This D3 scatter plot visualizes US business formation by sector from 2004 to 2021, using red circles to highlight the manufacturing sector among black dots for all other sectors. It employs a brushable time-series interface with a small focus chart and a larger context panel, both rendered as SVG. The code loads data via `d3.csv`, aggregates values with `d3.flatRollup`, and scales axes using `d3.scaleTime` and `d3.scaleLinear`, while the `d3.brushX` component enables temporal selection.

AI-generated description

A visualization of the data US Business Formation. The scatterplot shows the number of business formed in the US by sector highlighting manufacturing sector in red by year.

Another interesting example https://bl.ocks.org/cmgiven/abca90f6ba5f0a14c54d1eb952f8949c

MIT Licensed

Similar vizzes

Loading thumbnail…

D3 Scatter Plot Business Formation

This scatter plot visualizes US business formation by year and sector, with the manufacturing sector highlighted in red against all other sectors in black. Built with D3 v6, it uses `d3.csv` to load data from a GitHub Gist, then `d3.flatRollup` and `d3.sum` to aggregate monthly values by year and category. The visualization employs `d3.scaleLinear` for both axes, `d3.axisLeft` and `d3.axisBottom` for ticks, and SVG circles for marks. Data spans from 2004 to 2021, showing periodic business formation trends across sectors.

PPeter Cordone
92% match
Loading thumbnail…

formationBusinessesUS

This line chart tracks the cumulative quantity of business formations in the United States over time, with the x-axis representing time and the y-axis representing quantity. The visualization uses D3 v5’s scaleTime, scaleLinear, axisBottom, axisLeft, and line with curveBasis to render a smooth maroon path on an SVG canvas. Data is loaded from a CSV file hosted on GitHub, and the chart includes rotated axis labels and a title, with tick marks and grid lines styled via CSS.

Bbmurill2019
76% match
Loading thumbnail…

formationBusinessesUSInformation

This line chart shows the cumulative number of business formations in the U.S. over time, with a title, axis labels, and a maroon curved line. It uses D3 v5’s `csv`, `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with a `curveBasis` generator, rendering to SVG. The y-axis formats quantities with `format('.2s')`, and the data is loaded from a GitHub gist source.

Bbmurill2019
75% match
Loading thumbnail…

Scatter Plot with Brushing

This scatter plot visualizes Nike’s global manufacturing data, showing the relationship between total workers and line workers across factories, with each circle colored by product type. Users brush horizontally to zoom into a selected range of total workers, then double-click to reset the view. The visualization uses D3 v7’s `brushX` for interaction, `scaleLinear` for axes, and `scaleOrdinal` with `schemeCategory10` for color encoding. Circle positions and axes transition smoothly over 1000 milliseconds using `transition().duration()`, while data is loaded as CSV from a GitHub gist.

SSiddhi Patil
72% match
Loading thumbnail…

formationBusinessesTX

This chart displays the cumulative quantity of business formations in Texas over time, plotted as a smooth line. The visualization is built with D3.js v5 and renders to an SVG canvas. It uses `scaleTime` and `scaleLinear` for the axes, with a `curveBasis` line generator to create the smoothed trend. The data, sourced from a CSV file, includes a two-value Y-axis label and tick formatting that abbreviates large numbers. The chart updates only after loading and parsing the external dataset.

Bbmurill2019
70% match
Loading thumbnail…

formationBusinessesNY

This line chart tracks the cumulative quantity of business formations in New York over time, with time on the x-axis and quantity on the y-axis. The visualization uses d3.scaleTime and d3.scaleLinear for axes, d3.axisBottom and d3.axisLeft for ticks, and d3.line with d3.curveBasis to draw the smooth maroon trend line. Data comes from a CSV file loaded via d3.csv, with the title and axis labels rendered as SVG text elements.

Bbmurill2019
70% match
Loading thumbnail…

formationBusinessesCA

This line chart displays the cumulative quantity of business formations in California over time, with time on the x-axis and quantity on the y-axis. The visualization uses d3.scaleTime and d3.scaleLinear for scaling, d3.axisBottom and d3.axisLeft for axes, and d3.line with curveBasis for the smooth line path. The SVG renders a maroon line against a light background with labeled axes. Data comes from a CSV file loaded via d3.csv, covering business formation records by date.

Bbmurill2019
70% match
Loading thumbnail…

D3 Scatter Plot Socioeconomic

This scatter plot visualizes socioeconomic data from the US Census 2019-2010 American Community Survey, displaying employment counts by state and NAICS sector for 2019. The visualization uses D3 v6 with SVG rendering, employing `d3.csv` to load the data and `d3.scaleLinear` and `d3.scalePoint` for positioning. Points are plotted using the `Estimate` values for employed civilians, with `d3.axisLeft` and `d3.axisBottom` providing labeled axes. User interactions are not apparent, as the code focuses on static scatter plot generation.

PPeter Cordone
69% match