Network Graph with D3 Packs on Zoom

100%

Network Graph with D3 Packs on Zoom

✓ Published2🌍 Public

Last edited Feb 11, 2026

Created on Mar 18, 2024

This interactive network graph visualizes gene expression and alternative splicing (ASIF) across different tissues. Users select a tissue from the body map on the left, and filter by a minimum expression value with the slider. The graph supports zooming, panning, and dragging; zooming in reveals gene names and individual transcript structures. A legend allows filtering by cluster, and the body map supports organ highlighting and selection. The visualization is implemented with D3 and animates transitions smoothly.

AI-generated description

A network graph, visualizing expression and ASIF in different tissues. Select the tissue of interest on the left to view the network graph of tat tissue. Filter by a minimum expression value using the slider. The graph zoomable and panable. Zooming in shows the gene names and a visualization of the individual transcripts of that gene. Nodes are draggable. Using data from here.

MIT Licensed

Similar vizzes

Loading thumbnail…

Multi Scatter Plot of ASIF between Tissues

This multi-scatter plot visualizes the ASIF dataset, displaying gene expression across six tissue-type combinations. The grid layout arranges three columns (stomach, bone marrow, skeletal muscle) against two rows (small intestine, choroid plexus), with each cell rendering a scatter plot of gene expression values. The visualization uses D3 with a paired color scheme to represent gene clusters, and includes interactive features such as hover tooltips that display gene names and a linked legend for filtering clusters by mouseover. Axes are labeled for each tissue pair, and the small multiples design allows for easy comparison across the tissue pairs.

Sssmadha@hotmail.com

72% match

Loading thumbnail…

ASIF Data

This visualization explores the ASIF dataset, which measures the DNA-binding affinity of transcription factors across various tissues. It presents a heatmap of ASIF and gene expression values, organized by gene and tissue clustering, alongside network graphs of protein-protein interactions and co-occurrence. The code uses `d3.csv` to load multiple CSV files, including the melted transcript data from a remote GitHub URL, and employs `d3.forceSimulation`-ready edge lists for network visualization. The dataset is preprocessed for numeric values and sorted based on cluster orderings.

Sssmadha@hotmail.com

72% match

Loading thumbnail…

ASIF Heatmap

This visualization displays ASIF, a gene-tissue expression heatmap with hierarchical annotations on both axes. Rendered as an animated d3 visualization using `scaleBand`, `scaleOrdinal`, and `scaleSequential` with the Inferno color scheme, it supports filtering through clickable y-axis annotation bars that trigger `setState`. A tooltip, built with `d3.pointer` and HTML elements, shows the gene and tissue for each cell. Data comes from the ASIF dataset, with a color legend generated from the `colorScale`.

Sssmadha@hotmail.com

72% match

Loading thumbnail…

Fork of Scatter Plot of ASIF between Tissues

This fork visualizes the alternative splicing index (ASIF) across multiple tissues as a scatter plot. Each point represents a tissue pair, with its position and color encoding the ASIF values. The visualization uses d3-force to simulate a network layout, while the plot itself is rendered using D3’s SVG system. The data is loaded from an external JSON file, and the code applies a color scale to differentiate tissue types, with tooltips providing details on mouseover. The layout is computed via `d3.forceSimulation` and `d3.forceCollide`.

VVishal Bhimraj Gadekar

71% match

Loading thumbnail…

Visualization Project - Gene Cell Locations

This interactive visualization maps gene expression changes onto a schematic animal cell, with subcellular compartments such as the nucleus, mitochondria, and plasma membrane colored by net differential expression (net_DEG) using sequential blue and red color scales. Users can zoom and pan the SVG scene, and clicking a compartment selects it for highlighting. The visualization is built with React and D3 v5, using `scaleSequential`, `interpolateBlues`, `interpolateReds`, and the `zoom` API, with data loaded from JSON and TSV files hosted on GitHub.

MMinwoo Pak

71% match

Loading thumbnail…

networks

This interactive network visualization uses a force-directed layout to display relationships between functional categories, with nodes representing biological functions and links indicating correlations. Users can switch between six pre-loaded datasets and drag nodes after the simulation stabilizes. Built with D3 v3 (d3.layout.force) and rendered as SVG with zoom and pan support, it encodes node size via radius scale and link strength through stroke width, with optional color coding by category or monochrome themes.

11Cr18Ni9

69% match

Loading thumbnail…

Scatter Plot of ASIF between Tissues

This scatter plot visualizes the ASIF dataset, comparing gene expression between the small intestine and stomach tissues. The D3 chart displays points colored by gene cluster, with interactive hover highlighting that dims non-matching points and reveals gene labels. Label placement uses a simulated annealing labeler algorithm that minimizes leader line intersections and overlaps. The visualization includes a legend for cluster identification and uses D3 scales, axes, and the d3.scaleOrdinal color scheme.

Sssmadha@hotmail.com

68% match

Loading thumbnail…

Table_Cell Integration Trial12_final

This interactive visualization maps gene expression levels across subcellular locations, displaying net differential expression as red and blue color intensities on a stylized cell diagram. Users can select locations like the plasma membrane or nucleus to filter a sortable gene information table showing DEG values and associated biological pathways. Built with React and D3 v5, the SVG rendering uses `scaleSequential` with `interpolateBlues` and `interpolateReds` for coloring, while `d3.line` with `curveCardinal` draws cellular compartments. Gene data loads from external JSON and TSV files, with hover effects and animated table transitions.

Yyoungchun-kwon

66% match