Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cell Diagram for Integration

Public visualization

Cell Diagram for Integration

0 stars1🌍 Public
MMinwoo Pak
Last edited Dec 8, 2019
Created on Dec 7, 2019

This interactive visualization presents a stylized cell diagram where each subcellular location is colored according to differential gene expression data. Areas such as the extracellular space, plasma membrane, and cytosol are rendered as SVG paths, with integrated net_DEG values mapped to a blue-to-red color scale. Built with React and D3 v5, the example uses `scaleSequential` and `interpolateBlues`/`interpolateReds` to encode signed values, while custom `line` curves with `curveCardinal` define the organelle boundaries. The diagram supports zooming through D3’s `zoom` interaction, and the underlying gene-location data is loaded from JSON and a user-selected TSV file.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed