Skip to main content
SimilarExport ZIP
100%

Sharpe Scatter Plot

✓ Published1🌍 Public
Jjoanoliper
Last edited Sep 23, 2019
Created on Sep 19, 2019

This scatter plot displays investment-grade corporate bond values over time, with each point representing a daily observation. The chart uses a linear time scale on the x-axis for dates and a linear scale on the y-axis for bond values, with all points rendered as steelblue circles. The visualization is built with D3 v5, utilizing `scaleLinear`, `axisBottom`, and `axisLeft` from the D3 API to construct the axes, while the data is loaded from a CSV file and rendered as SVG circles.

AI-generated description

This bar chart shows weights for a portfolio sample.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sharpe Scatter Plot

This scatter plot shows the relationship between the volatility and return of a portfolio, with each data point representing a specific observation. The title "Sharpe Ratio" and the axis labels indicate that the visualization is designed to explore the trade-off between risk and reward, enabling viewers to identify optimal investment opportunities. The visualization is built using D3 v5, with the `scaleLinear` function mapping the data to plot coordinates on a canvas. The chart renders as an SVG, and the code uses `select('svg')` to target the canvas, `axisLeft` and `axisBottom` to generate axes, and `csv('data.csv')` to load the input data containing the return and volatility values. Circles are appended to the SVG for each data point, with a steelblue fill and semi-transparent opacity.

Jjoanoliper
86% 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
85% 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
85% match
Loading thumbnail…

Scatter Plot

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.

Jjoanoliper
74% match
Loading thumbnail…

Scatterplot with v5

This example shows a time-series line graph of stock closing prices, with circular scatterplot points overlaid on each data value. The visualization uses a steelblue line and dark circles to highlight individual daily observations across the date range. Built with d3 v5 and rendered as SVG, the code employs `d3.csv` to load the data, `d3.timeParse` for date formatting, and `d3.line` for the path, while `d3.scaleTime` and `d3.scaleLinear` handle the axes. The scatterplot points are appended as SVG circles positioned via the same x and y scales.

Dd3noob
73% match
Loading thumbnail…

Scatterplot of Stock yields

A scatterplot displays stock yields for 13 companies on the MSE in 2020, calculating each yield as dividend divided by book value and sorting companies in descending order. Circles are positioned using d3.scaleLinear for the x-axis and d3.scalePoint for the categorical y-axis, with axes rendered via d3.axisBottom and d3.axisLeft. The code loads data from a CSV file with d3.csv and uses SVG rendering with d3.v6.

CChinzorigt Ganbat
71% match
Loading thumbnail…

Simple scatter plot in v4

This example shows a simple line graph with circular data points overlaid to create a scatter plot, displaying stock closing prices over time. The visualization uses d3.csv to load the data, d3.timeParse to convert date strings, and d3.scaleTime and d3.scaleLinear to map the date and price values to pixel coordinates. A d3.line generator draws the line path, while appended circle elements mark each data point. The chart includes axes generated with d3.axisBottom and d3.axisLeft, all rendered as SVG within the page.

Dd3noob
70% 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
70% match