Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of adding axes to Barchart population

Public visualization

Fork of adding axes to Barchart population

0 stars0🌍 Public
SSamuele Greco
Last edited Feb 7, 2022
Created on Feb 7, 2022

This example displays a population bar chart with overlaid genomic features, using D3 and React to visualize data from CSV files. It shows a set of bars representing population sizes on a linear scale, alongside four semi-transparent rectangles that highlight specific chromosomal regions. The visualization leverages D3's `scaleBand` and `scaleLinear` to map data to SVG coordinates, with gridlines and tick labels formatted using `d3.format`. React manages the asynchronous loading of both datasets via custom hooks, while the final SVG output is rendered through ReactDOM.

AI-generated description

load data with d3 and use react for visualization

data about named colors

Comments

Sign in to join the discussion.

MIT Licensed