BerangerIcart

@BerangerIcart·3 public vizzes

dboard2

This interactive dashboard displays sales data through a bar chart, scatter plot, and donut chart. The bar chart aggregates sales by category, and clicking a bar filters the scatter plot and donut chart to show sub-category details. The scatter plot uses d3.scaleTime and d3.scaleLinear, while the donut chart uses d3.pie and d3.arc with an ordinal color scale. Data is loaded from a CSV using d3.csv, with SVG rendering and custom events for cross-filtering.

Oct 10, 2022

Loading thumbnail…

dboard

This dashboard uses a Superstore sales dataset to display grouped bar charts of sales by sub-category. The visualization leverages D3 version 6 with the d3-array v2 module to group and stack data, rendering SVG bars with animations. The code uses `d3.group` to aggregate records and `d3.stack` for potential stacked series, with axes created via `d3.axisBottom` and `d3.axisLeft`. Moment.js assists with date handling, while the layout is built with a CSS grid containing four plot areas.

Oct 3, 2022

Loading thumbnail…

MIAGE base

This example displays a bar chart of country populations for 2022, sourced from a CSV file. It uses D3 v5 to render the chart as an SVG, with a band scale for the x-axis and a linear scale for the y-axis. Mouseover interactions reveal a tooltip showing the country name and population. The code also imports a local ES6 module for a message, demonstrating VizHub’s capability to load D3 from UNPKG and use local modules.

Sep 26, 2022