Skip to main content
SimilarExport ZIP
100%

scatterplot

✓ Published0🌍 Public
RRomersims
Last edited Feb 27, 2022
Created on Feb 27, 2022
Forked from dataset

This scatterplot displays the top 20 traded volumes on the B3 stock exchange, using a categorical y-axis for stock codes and a quantitative x-axis for volume. The code loads D3 v5 via UNPKG and uses `csv`, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render an SVG. Data values are parsed and multiplied by 1000 before plotting, with formatted tick labels using `format('.3s')`.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of dataset

This example displays a horizontal bar chart ranking the top 20 traded stocks on the B3 exchange by volume, using data from a local CSV file. The chart encodes the stock code on the y-axis and the trading volume on the x-axis. Built with D3 v5, the code imports specific functions like `scaleLinear`, `scaleBand`, and `axisBottom` to construct the visualization. The rendering is done through SVG elements, with bars styled in steelblue and custom axes, demonstrating a clean presentation of the dataset.

BBaji-2000
82% match
Loading thumbnail…

dataset

This visualization displays the top 20 trading volumes on the B3 stock exchange as a horizontal bar chart, using an SVG canvas. It loads data from a CSV file, scales the quantity values by 1,000, and renders bars with D3's `scaleLinear` for the x-axis and `scaleBand` for the y-axis. The chart includes labeled axes with custom tick formatting via `axisBottom` and `axisLeft`, and removes default axis lines for a cleaner look.

RRahulSai05
82% match
Loading thumbnail…

b3estudo02

A horizontal bar chart displays the top trading volumes on the Brazilian B3 exchange, using a linear scale for the volume axis and a band scale for stock codes. The viz loads D3 via UNPKG, imports `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` from the D3 module, and renders SVG rectangles after parsing the CSV data. Axis labels and tick styling use custom CSS classes.

RRomersims
78% match
Loading thumbnail…

dataset

This example displays a horizontal bar chart of the top 20 most traded stocks on the Brazilian B3 exchange, using data from a local CSV file. It loads D3 v5 from UNPKG and imports `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `format` to parse the data, map quantities to bar widths, and render axes with a `.3s` tick format. The SVG renders steelblue rectangles, with labels and a title, while a separate ES6 module attempts to handle a button click but contains incomplete syntax.

RRomersims
78% match
Loading thumbnail…

Fork of Fork of dataset

This bar chart displays the top 20 most heavily traded stocks on the Brazilian B3 exchange, with horizontal bars ranked by trading volume. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG. Data is loaded from a CSV file via `d3.csv` and parsed into numeric values. The chart includes a title, axis labels, and a button element whose click behavior is partially implemented in a separate ES6 module.

SSheshidharreddy
76% match
Loading thumbnail…

Fork of dataset

This chart displays the top 20 stocks on the Brazilian B3 exchange by trading volume, using a horizontal bar chart. The data, loaded from a local CSV file, is parsed and scaled with d3.scaleLinear and d3.scaleBand. Axes are generated with d3.axisLeft and d3.axisBottom, and the chart uses SVG rectangles for bars. A button in the HTML triggers a color-change function from a separate local ES6 module, though the effect is not visually implemented.

SSheshidharreddy
75% match
Loading thumbnail…

Bar viz using d3 testing

This example displays horizontal bars ranking the top 20 most-traded securities on Brazil’s B3 exchange by volume, with tick labels formatted using d3’s `format('.3s')`. The chart is built in SVG using D3 v5, loading data from a CSV via `csv()`, scaling values with `scaleLinear` and `scaleBand`, and rendering axes via `axisBottom` and `axisLeft` in a straightforward bar-viz demonstration.

Mmomopng
74% match
Loading thumbnail…

Fork of dataset

This example displays a horizontal bar chart of trading volumes for various Brazilian stock tickers, sourced from a local CSV file and rendered as SVG. The chart ranks the top 20 securities by volume, with bars extending from left to right and volume labels on the x-axis. The code uses D3.js imports such as `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to construct the visualization, while data is loaded via the `csv` function. The rendering is handled through SVG elements within a 960x500 pixel canvas, with styling applied via CSS classes.

Mmanvithareddykarra
74% match