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.
AI-generated descriptionThis 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