Skip to main content
SimilarExport ZIP
100%

Multi Scatter Plot of ASIF between Tissues

✓ Published0🌍 Public
Sssmadha@hotmail.com
Last edited May 24, 2024
Created on Mar 12, 2024

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.

AI-generated description

A simple scatter plot with D3 showing the ASIF Dataset.

MIT Licensed

Similar vizzes

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
91% 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
84% 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
80% 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
79% match
Loading thumbnail…

Network Graph with D3 Packs on Zoom

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.

Sssmadha@hotmail.com
72% match
Loading thumbnail…

Fork of Fork of Scatter Plot

This visualization presents an iris dataset scatter plot matrix, with off-diagonal cells showing colored scatter plots of trait pairs and diagonal cells displaying histograms of individual traits. The scatter plots use colored circles to distinguish the three iris species. Built with D3 v4, the code employs `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, `d3.brush`, and `d3.histogram` to render the SVG-based matrix, with axes and frames styled via CSS.

Ddaniel
62% match
Loading thumbnail…

Fork of Scatter Plot

This scatter plot visualizes heart disease data from the UCI Machine Learning Repository, allowing users to explore correlations between numeric attributes like age, cholesterol, and blood pressure. Dropdown menus let viewers select which columns map to the X and Y axes. The visualization is built using D3 v5, with `scaleLinear` for scaling axes, `axisLeft` and `axisBottom` for gridlines, and animated circle transitions via `transition().duration(2000)` with staggered delays. SVG rendering displays semi-transparent red circles, while axis labels and tick marks are styled through CSS.

AAshtone Onyango
62% match
Loading thumbnail…

Iris_Scatter_Plot_Matrix

This interactive scatter plot matrix displays the four numeric attributes of the Iris dataset across a grid of pairwise scatter plots, with points colored by species (setosa, versicolor, virginica). The visualization uses D3.js v6 to create the SVG, with `d3.scaleLinear` for axes, `d3.scaleOrdinal` for categorical color mapping, and `d3.brush` to enable brushing—selecting points in one cell highlights the corresponding points across all other cells. Axis tick lines extend across the entire plot for readability, and species labels appear in the top-left area.

ZZeroKurosakii
62% match