Skip to main content
100%

Scatter Plot with Brushing

✓ Published1🌍 Public
SSiddhi Patil
Last edited Oct 20, 2021
Created on Oct 15, 2021
Forked from D3 Starter

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.

AI-generated description

This visualization shows Nike Global Manufacturing Data Export. It visualizes the total number of workers vs the number of line workers across Nike manufacturing factories all over the world. Each circle represents a Nike manufacturing factory and colors associated with circles indicate types of products manufactured by the factory. Users can select any portion of the scatter plot to zoom in and double-click to zoom out of the plot.

This plot uses brushing with d3.js.

Reference: Brushing in d3.js

MIT Licensed

Similar vizzes