shivasai2925@gmail.com

@shiva1312·2 public vizzes

scatter plot

A horizontal bar chart displays the average price per pound for various vegetables, sourced from a CSV file containing price data. The chart renders in React, using d3.scaleBand for the categorical vegetable axis and d3.scaleLinear for the continuous price axis, with bars filled in pink. The d3.axisLeft and d3.axisBottom functions generate the chart's axes, while the data is loaded and parsed asynchronously via the d3.csv function.

Mar 26, 2025

Loading thumbnail…

Airlines

This example demonstrates how to load and parse a static CSV string containing flight information using D3.js. It displays a summary of the dataset, including its approximate size in kilobytes, the number of data rows, and the number of columns. The visualization uses D3's `d3.csvParse` method to convert the raw CSV text into a structured data array. The resulting statistics are then rendered as HTML content inside a styled `<div>` element with the ID `data-summary`, providing a clear textual overview without any graphical charts.

Mar 18, 2025