Skip to main content
SimilarExport ZIP
100%

Fork of dataset

✓ Published0🌍 Public
SSheshidharreddy
Last edited Mar 11, 2022
Created on Mar 11, 2022
Forked from dataset

This example renders a horizontal bar chart of trading volumes for Brazilian stocks (B3) using D3 v5. It loads data from a CSV file, parses the `qtde` column as numeric values, and maps `Codigo` labels along a band scale. The visualization uses `scaleLinear`, `scaleBand`, and `axisBottom` with `format('.3s')` to display abbreviated values, while bars are appended as SVG rectangles. A button in the HTML triggers a message element, though its interaction is minimal.

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 renders a horizontal bar chart of trading volumes for Brazilian stocks (B3) using D3 v5. It loads data from a CSV file, parses the `qtde` column as numeric values, and maps `Codigo` labels along a band scale. The visualization uses `scaleLinear`, `scaleBand`, and `axisBottom` with `format('.3s')` to display abbreviated values, while bars are appended as SVG rectangles. A button in the HTML triggers a message element, though its interaction is minimal.

SSheshidharreddy
100% 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
89% 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
89% match
Loading thumbnail…

Fork of dataset

This visualization displays the trading volumes of Brazilian stocks listed on B3, represented as a horizontal bar chart. The chart ranks the top 20 securities by volume using a linear scale for the x-axis and a band scale for the y-axis, with the longest bar corresponding to the highest volume. The SVG-based visualization is built with D3 v5, using `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` APIs. Data is loaded from a CSV file and parsed from strings to numbers, with the axes styled and labeled to show volume values.

Vvegurusaiprathyusha
88% 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
88% match
Loading thumbnail…

Fork of dataset - simple bar chart

This fork of the dataset example displays a horizontal bar chart of the top 20 most-traded stocks on Brazil’s B3 exchange, ranked by trading volume. The visualization uses D3 v5 to load CSV data via `d3.csv` and render SVG bars, with `scaleLinear` and `scaleBand` handling the axes. It applies `axisLeft` and `axisBottom`, formats tick labels with `d3.format`, and removes grid lines for a clean look. The chart title notes “Top 20 maiores volumes,” and the bars are styled with a steelblue fill.

EElMITHOS
88% match
Loading thumbnail…

Fork of dataset

An interactive bar chart displays the top 18 most actively traded Brazilian stocks by volume, with horizontal bars representing each stock code. The visualization loads data from a local CSV file and renders as SVG using D3 v5, employing `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the chart. The code imports these APIs from the `d3` module via UNPKG, while also demonstrating ES6 module imports through the `myMessage.js` file, which logs a button click event but does not alter the visualization.

LLG0498
87% match
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
85% match