Skip to main content
SimilarExport ZIP
100%

Fork of Scatter Plot of ASIF between Tissues

✓ Published0🌍 Public
VVishal Bhimraj Gadekar
Last edited Mar 15, 2024
Created on Mar 15, 2024

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

AI-generated description
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
84% 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
80% 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
77% 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
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
71% match
Loading thumbnail…

Fork ofScatter Plot

This fork of a scatter plot visualizes the Iris dataset, encoding petal length and width on the x and y axes while coloring each circle by species (setosa, versicolor, virginica). It loads CSV data via `d3.csv`, uses `scaleLinear` and `extent` for scales, and renders SVG circles with `selectAll().data().join()`. The code also stores raw sepal dimensions in each datum, though only petal dimensions are plotted. Axis labels and ticks are added using `axisLeft`, `axisBottom`, and custom text elements.

Ssathvik0311@gmail.com
69% match
Loading thumbnail…

Fork of D3 Scatter Plot Matrix multiple colors

This fork of a D3 scatter plot matrix compares all numeric fields of the classic Iris dataset, using color to distinguish the three iris species. A 4×4 grid of small SVG plots shows every pairwise combination of sepal and petal measurements, with diagonal cells displaying the feature name. The code uses the d3.csv, d3.scaleLinear, d3.scaleOrdinal, d3.axisLeft, and d3.axisBottom APIs to load data, map values to positions and colors, and render axes. Data is loaded from a remote Gist, and each circle is drawn with a fill color from the d3.schemeSet1 palette at 0.7 opacity.

FFarhaan Qazi
68% match
Loading thumbnail…

Fork of Fork of Fork of scatter plot

A forked D3.js v7 scatter plot visualizes the relationship between Math and Science scores for students in a CSV dataset, with points colored by academic department. It uses `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.scaleOrdinal` with `d3.schemeSet2` for categorical coloring. Points are rendered as SVG circles with hover tooltips, alongside a legend identifying departments.

Ssainishanthreddyk@gmail.com
68% match