Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published1🌍 Public
Jjoanoliper
Last edited Sep 19, 2019
Created on Sep 19, 2019
Forked from Bars

This scatter plot visualizes portfolio asset allocations, plotting each asset’s allocation value along the x-axis against its asset name on the y-axis. The chart uses `d3.scaleLinear` for the x-scale and `d3.scalePoint` for the categorical y-scale, with axes generated via `d3.axisBottom` and `d3.axisLeft`. Data is loaded asynchronously from a CSV file using `d3.csv`, and circles are rendered in an SVG container.

AI-generated description

This bar chart shows weights for a portfolio sample.

MIT Licensed

Similar vizzes

Loading thumbnail…

Bars

This bar chart displays the asset allocation percentages of a portfolio sample, with each bar labeled by asset type. It uses D3 v5’s `scaleLinear` and `scaleBand` to map allocation values and asset names, respectively, and renders an SVG with axes via `axisLeft` and `axisBottom`. Data is loaded from `data.csv` using the `csv` method, and bars are appended as `rect` elements with widths proportional to allocation. The chart is styled with a steelblue fill for the bars and includes a left margin for the categorical labels.

Jjoanoliper
78% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between two numeric variables from a CSV dataset, plotting each point with x and y coordinates. It uses D3 version 6 with an SVG rendering approach, employing `d3.scaleLinear` to map the data domains to pixel ranges and `d3.axisBottom` and `d3.axisLeft` for the axes. Data is loaded asynchronously via `d3.csv`, and circles are appended and joined to the data using `.join('circle')`. The plot is styled with a teal fill and includes axis labels for "Numbers" and "Amount."

Bbugfree55
78% match
Loading thumbnail…

Scatter Plot

A scatter plot displays individual data points positioned by two numeric variables, with each point rendered as a small circle. The visualization uses D3.js v6 and is built with a simple SVG container. The code applies the `d3.scaleLinear` function to map x- and y-values to pixel coordinates, then appends `circle` elements to the chart area. Axes are generated with `d3.axisBottom` and `d3.axisLeft`. The data is loaded from an external CSV file using `d3.csv`, and the plot updates dynamically once the data is parsed.

JJames Huang
78% match
Loading thumbnail…

scatterPlot

A scatter plot displays letters from a CSV file against their corresponding numeric values as circles. The chart uses D3 v5 with an SVG rendering, loading data via `d3.csv` and scaling positions with `scaleLinear` for the x-axis and `scalePoint` for the y-axis. Axes are generated using `axisBottom` and `axisLeft`, with tick lines spanning the plot area.

VVvgupta
77% match
Loading thumbnail…

Scatter Plot

A simple scatter plot displays categorical labels on the vertical axis and numeric values on the horizontal axis, with circles sized at 18 pixels. The data comes from a CSV file, and the chart uses `d3.scaleLinear` for the x-axis and `d3.scalePoint` for the y-axis, with a tick format converting large numbers to abbreviated units. Axes are rendered via `d3.axisLeft` and `d3.axisBottom`, and the visualization is built using SVG elements selected through `d3.select`. The chart includes a title and axis labels styled via CSS.

CChocoOrange
77% match
Loading thumbnail…

Sharpe Scatter Plot

This scatter plot visualizes the trade-off between volatility and return for a portfolio sample, with each circle representing a data point from a CSV file. The chart uses D3 v5’s `scaleLinear` and `axisBottom`/`axisLeft` to position points and render axes, while SVG circles with steelblue fill and partial opacity show the distribution. Axis labels and a title clarify the metrics, and gridlines created via `tickSize` aid in reading values. The rendering relies on SVG appended to an HTML container.

Jjoanoliper
76% match
Loading thumbnail…

Sharpe Scatter Plot

This scatter plot visualizes the trade-off between volatility and return for a portfolio sample, with each circle representing a data point from a CSV file. The chart uses D3 v5’s `scaleLinear` and `axisBottom`/`axisLeft` to position points and render axes, while SVG circles with steelblue fill and partial opacity show the distribution. Axis labels and a title clarify the metrics, and gridlines created via `tickSize` aid in reading values. The rendering relies on SVG appended to an HTML container.

Jjoanoliper
76% match
Loading thumbnail…

Scatter Plot

This scatter plot displays 50 data points plotting area against value, with purple circles positioned using linear scales derived from the data's extent. The visualization demonstrates D3 axis customization, including tick lines that span the full chart dimensions, a rotated y-axis label, and a capitalized title. The code uses d3.csv to load the data and d3.scaleLinear, axisBottom, axisLeft, and extent functions from D3 v5, rendering everything as SVG elements within an 960x500 viewport.

Ccarlos157oliveira
75% match