Fork of Fork of Scatter Plot with Shape

100%

Fork of Fork of Scatter Plot with Shape

✓ Published0🌍 Public

Last edited Oct 22, 2024

Created on Oct 22, 2024

Forked from Fork of Scatter Plot with Shape

This scatter plot visualizes sales data, showing the relationship between total sales and date, with points shaped according to product type. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, and `symbol` to map data values to positions and shapes. A legend explains the product-to-shape mapping. The chart loads CSV data from a GitHub repository and renders with axes and labels for both dimensions.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Scatter Plot

This scatter plot visualizes the relationship between monthly Sales and Profit using data from a CSV file. The chart is built with a reusable `scatterPlot` function that defines linear scales via `d3.scaleLinear`, axes using `d3.axisBottom` and `d3.axisLeft`, and circles positioned with `cx` and `cy` attributes. It reads the data with `d3.csv`, converts numeric fields, and renders 800×500 SVG output with labeled axes and a title. The points are filled in steelblue, with a radius of 6 pixels, showing a positive correlation between the two variables.

Ppvvaishnavi93@gmail.com

82% match

Loading thumbnail…

Fork of Activity6_question3

This scatter plot visualizes sales data from a CSV file, showing the relationship between total sales and order number, with colors differentiating customers. It uses D3 v6's `scaleLinear`, `scaleBand`, and `scaleOrdinal` to map the data, rendering circles as SVG elements with axes, labels, a legend, and interactive tooltips that display product and sales figures on hover.

Kkandulasunny17@gmail.com

81% match

Loading thumbnail…

Fork of Fork of Reusable D3 Scatter Plot

This scatter plot displays monthly sales figures across six retail categories, with each circle’s horizontal position encoding the month, vertical position encoding sales amount, and color distinguishing product types. The visualization uses a reusable custom D3 module that employs `scaleOrdinal` for the categorical x-axis and legend colors, `scaleLinear` for the sales axis, and `axisLeft`/`axisBottom` for tick labels. The SVG output is generated from hardcoded data via the provided `index.js` and `scatterPlot.js` files.

UUday Kiran

81% match

Loading thumbnail…

Fork of Scatter Plot with Shape

This scatter plot visualizes data points positioned along linear x and y scales, with categorical shapes encoding a third dimension. The chart includes labeled axes and a custom shape legend displaying the category symbols. It uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol()` to generate the mark paths, while modular ES6 imports handle axes and legend rendering. The visualization is built in VizHub, leveraging local modules and UNPKG for D3 loading.

Mmn0658

81% match

Loading thumbnail…

Fork of Scatter Plot

This fork of a scatter plot visualizes monthly sales versus profit from a small CSV dataset, encoding each month as a steelblue circle. Using D3 v7 within a React framework, the code loads the data and renders the chart as an SVG, leveraging `d3.scaleLinear` and `d3.extent` to map values, and `d3.axisBottom` and `d3.axisLeft` to generate axes. The example demonstrates a reusable chart structure with configurable margins and an explicit SVG container.

Ppvvaishnavi93@gmail.com

81% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Reusable D3 Scatter Plot

This example shows a scatter plot of daily sales data, with light blue area fill beneath the points and red circles marking each data value. It loads CSV data from a GitHub gist via `d3.csv`, converts the fields to numbers, and uses `d3.scaleLinear` for both axes with `d3.axisBottom` and `d3.axisLeft` for tick marks. The reusable `scatterPlot` module defines configurable accessors for width, height, margins, and radius, though the main script directly builds a static SVG area chart.

HHariniPotla@my.unt.edu

81% match

Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This fork of a reusable D3 scatter plot visualizes monthly sales data across product categories. The chart uses D3’s `scaleOrdinal` and `scaleLinear` to map months and sales values to SVG circle positions, with a color scale distinguishing six categories. An axis and legend are rendered via `axisBottom`, `axisLeft`, and appended SVG elements. The code samples data from a static array, demonstrating a reusable `scatterPlot` function with configurable accessors and margins.

Ppriyapravallika44@gmail.com

81% match

Loading thumbnail…

Fork of Fork of Fork of Reusable D3 Scatter Plot

This fork of a reusable D3 scatter plot displays sales data over time, with a line connecting red circular markers on a steelblue stroke. The code uses the D3.js v6 API, including `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, `d3.axisLeft`, and `d3.line`, to load CSV data and render an SVG. It includes axis labels and a custom Share Tech font. A separate `scatterPlot.js` module defines a reusable chart function with setters for configuration.

HHariniPotla@my.unt.edu

80% match