Skip to main content
SimilarExport ZIP
100%

ASIF Heatmap

✓ Published0🌍 Public
Sssmadha@hotmail.com
Last edited Apr 23, 2024
Created on Feb 6, 2024
Forked from Simple Bar Chart

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`.

AI-generated description

Heatmap of ASIF Dataset. Clicking on the sections of the right bar filters the heatmap to just those rows. Clicking again returns to original view. Tooltip indicates which gene and tissue is currently moused over.

MIT Licensed

Similar vizzes

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
84% match
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
79% 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
77% 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
75% 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…

complicate table + heatmap

This visualization combines a gene expression table with a heatmap. The left side displays a sortable table listing genes with their log expression values, names, and Ensemble IDs, while the right side renders a corresponding heatmap using SVG and Canvas. The heatmap uses a linear color scale to represent expression intensities across different samples. Users can click on "Plot" links to open a popup dialog that generates dynamic jitter plots, which are created using d3.v3 and loaded from separate JSON files based on grouping options like pathologic stage or race. The interface includes tooltips and download options for exporting the charts as SVG or PNG files.

11Cr18Ni9
66% match
Loading thumbnail…

heatmap

This heatmap visualizes a 50×6 matrix of log2-ratio gene expression values, where each cell is color-coded along a diverging scale (red for positive, blue for negative, white for zero) to reveal patterns of up- and down-regulation across conditions. Built with D3 v3 and rendered as an SVG, the chart supports interactive reordering: users can apply hierarchical clustering or sort rows and columns by probe/contrast names, and click on row or column labels to reorder by their cell values. Cells can be selected by dragging the mouse, with corresponding row and column labels highlighted; holding the Alt key allows multiple block selections. The visualization is inspired by the classic Les Misérables co-occurrence matrix and includes a hover-driven tooltip for inspecting individual log2-ratio values.

IIMYin
66% match
Loading thumbnail…

Fork of HeatMap: Career Data

This heatmap visualizes career-related data across two categorical dimensions, with each cell’s color intensity mapped to a numeric value using a sequential Inferno color scale. The chart is built with D3 v4, rendering an SVG grid where row and column labels are derived from the dataset’s `group` and `variable` fields. Interactive tooltips display the exact cell value on hover, while the code relies on `d3.scaleBand` for axes, `d3.scaleSequential` for coloring, and `d3.interpolateInferno` for the palette, sourcing data from a raw GitHub CSV file.

謝謝惠喻
66% match