Skip to main content
SimilarExport ZIP
100%

Scatter plot

✓ Published0🌍 Public
PPranav Revankar
Last edited Feb 26, 2020
Created on Feb 26, 2020

This scatter plot displays the relationship between total ad spend and acquisitions for various delivery brands, with each circle representing a brand's performance. The chart uses a linear scale for both axes, with a grid and labeled axes for clarity. It is built with D3 v5, using `csv` to load data, `scaleLinear` for scaling, and `axisBottom` and `axisLeft` for ticks. SVG circles are rendered with a fixed radius, and the data comes from a CSV file containing management entities and brand metrics.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Bar charts with D3 - customizing axes

This bar chart displays total ad spend across management entities, with a horizontal layout and a logarithmic-style axis label. The visualization uses d3.scaleLinear and d3.scaleBand to map spend values and entity names, while d3.axisLeft and d3.axisBottom render the axes with custom tick formatting via d3.format. SVG rendering with d3.select and data binding via d3.csv, importing data from a CSV file containing spend and acquisition metrics.

PPranav Revankar
77% match
Loading thumbnail…

Bar charts with D3

This example visualizes total advertising spend across different management entities using horizontal bar charts. The bar lengths encode the numeric "Total Ad Spend" values, while the y-axis lists the corresponding management entities. The SVG rendering uses D3 v5’s `scaleLinear` and `scaleBand` for positioning, with `axisLeft` and `axisBottom` for tick marks. Data is loaded via `d3.csv` from a local CSV file, and bar colors are styled through CSS.

PPranav Revankar
75% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between first order spend and total spend for individual customers, using D3.js v7 to render a collection of data points. The visualization maps numeric spend values from a static dataset onto x and y axes, calculating both dimensions from the data. The code imports data from a separate module and prepares it for rendering through functions that extract the spend values and calculate circle positions, though the complete drawing logic is implemented in a bundled JavaScript file that initializes the D3 rendering pipeline.

EEd Smale
75% match
Loading thumbnail…

Column charts with D3 - customizing axes

A column chart displays total ad spend per management entity from a CSV dataset, with a horizontal axis ordered by data rows and a vertical scale from zero to the dataset maximum. The code uses D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG bars and axes. D3’s `format('.3s')` shortens tick labels, while the left axis shows spend values with grid lines extending across the chart. Axis labels and a title are added as text elements.

PPranav Revankar
74% match
Loading thumbnail…

Bar charts with D3

This example shows a horizontal bar chart of total ad spend, sorted by management entity. It uses a linear scale for the x-axis and a band scale for the y-axis, with bars rendered in SVG using D3 v5. The chart loads data from a CSV file, parses ad spend as numbers, and uses `axisLeft` and `axisBottom` for axis generation.

YYiming Gao
73% match
Loading thumbnail…

Test2 Bar charts

This example displays a dual-panel bar chart comparing Total Ad Spend and Acquisitions across Management Entities, using data from a CSV file. The upper panel scales total spend, while the lower panel scales acquisitions, with both sharing a common x-axis via `scaleBand`. The D3 v5 code loads data with `csv`, applies `scaleLinear` for y-domains, and renders axes with `axisLeft` and `axisBottom`. The SVG output uses grouped `<g>` elements and colored rectangles, with padding between the two vertical panels.

HHazki
72% match
Loading thumbnail…

Test Bar chart

This bar chart displays total ad spend by management entity, with bars sorted by the dataset’s original row order and scaled from zero to the maximum spend. The chart uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render an SVG, reading data from a local CSV via `d3.csv`. Bars are drawn as `<rect>` elements with a steelblue fill, while axes and labels use the default D3 text styling.

Aansnejib2468
72% match
Loading thumbnail…

Test Bar chart

This bar chart compares Total Ad Spend across Management Entities, with the y-axis inverted so taller bars represent lower spending. The visualization uses D3 v5’s `scaleBand` and `scaleLinear` for positioning, along with `axisLeft` and `axisBottom` for axes. Data is loaded from a CSV file and rendered as SVG rectangles with a steelblue fill. The chart includes test entries beyond the primary delivery-platform data, and the code applies a monospace font style to all text.

HHazki
72% match