ElMITHOS

@ElMITHOS·3 public vizzes

Bar Chart Clean - To Be Used

This example displays a bar chart of global video game sales by genre, using a clean, minimal design. It is built with D3 version 6 and renders entirely as SVG, with interactive mouseover and mouseout transitions that change bar color from steel blue to orange. The chart reads from a CSV file and uses D3’s scaleBand and scaleLinear to map genres and sales values, while axisLeft and axisBottom generate the axes. The code also demonstrates a simple enter animation for the bars, though no initial transition is shown.

Mar 1, 2022

Loading thumbnail…

Fork of Lets make a bar chart

This horizontal bar chart displays the populations of the world's most populous countries, using D3 v7 to render the visualization as an SVG. It reads data from a CSV file and scales the population values by a factor of 1000. The chart employs `scaleLinear` for the x-axis, `scaleBand` for the y-axis country categories, and uses the `axisLeft` and `axisBottom` functions to draw the axes, with steelblue rectangles for bars.

Mar 1, 2022

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.

Mar 1, 2022