Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

square I

Public visualization

Viewing a saved revision (read-only)

2f8a6b5325124176b9eff87bd5030ca6

square I

0 stars0🌍 Public
FFloweringDeathStar
Last edited Jul 22, 2021
Created on Jul 16, 2021

Each nucleotide in the sequence is rendered as a column of four black-bordered squares, one per DNA base, whose fill opacity encodes its relative frequency at that position. The visualization highlights compositional patterns across the sequence, with darker squares indicating more abundant bases. Built with React components and D3’s `csv` loader, the data comes from a remote `nucleon.csv` file. The SVG rendering is handled through custom `Nucleon`, `Nucleotide`, and `Square` components, each drawing a fixed-size `rect` with an opacity value derived from the base’s proportion.

AI-generated description