iamsravan

@iamsravan·4 public vizzes

Multi-Cryptocurrency Line Chart

This multi-cryptocurrency line chart visualizes the daily closing price of Bitcoin from 2013 to 2021, using a smooth curved line to show price trends over time. The chart includes labeled axes, gridlines, and a bold title, with data loaded from a CSV file hosted on GitHub. Built with D3 v6, the visualization uses `d3.csv`, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.line` with `curveBasis` to render the SVG path.

Apr 24, 2023

Loading thumbnail…

D3.js Line Chart

This line chart visualizes customer counts per year from 2000 to 2010, with the data loaded from a CSV file using `d3.csv`. The SVG visualization uses `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, rendering the trend as a thick steel-blue stroke. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, while the line itself is built via the `d3.line` generator. The chart includes labeled axes for "Year" and "customers," following the reusable chart pattern from Bostock’s “Towards Reusable Charts.”

Apr 23, 2023

Loading thumbnail…

React Starter

This example displays the text “Hello React!” centered on the page at a large font size. The App component returns a div with the message, and ReactDOM renders it into the root element. The code uses React 16.13.1 and ReactDOM from the UMD production builds, along with a simple inline CSS style for the message’s font size and alignment. No data source or additional libraries are present.

Apr 23, 2023

Loading thumbnail…

Fork of D3 Scatter Plot Matrix multiple colors

This example displays a 4x4 scatter plot matrix comparing all numeric fields of the iris dataset, with each point colored by species using the `schemeSet1` palette. Built as a React application using D3 v6, it renders SVG circles with `scaleLinear` and `scaleOrdinal` scales, and draws axes via `axisLeft` and `axisBottom` for every pairwise combination. The data is loaded as CSV and parsed dynamically, with chart titles appearing only on the diagonal cells.

Apr 23, 2023