Scatter Plot of ASIF between Tissues

100%

Scatter Plot of ASIF between Tissues

✓ Published2🌍 Public

Last edited Apr 19, 2024

Created on Jan 29, 2024

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.

AI-generated description

A simple scatter plot with D3 showing the ASIF Dataset.

Labeler code 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

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

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

77% 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

68% match

Loading thumbnail…

Fork of IRIS DATASET SCATTER PLOT - AISHWARYA M

This scatter plot visualizes the Iris dataset, emphasizing clustering by sepal length on the x-axis and petal length on the y-axis, with each circle representing an iris flower colored by species. Built with D3 v5, it uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.legendColor` to render a color legend. Data is loaded via `d3.csv` from a GitHub-hosted CSV, and the SVG rendering includes styled axis labels and legend text.

AAishwarya Manjunath

60% match

Loading thumbnail…

IRIS DATASET SCATTER PLOT - AISHWARYA M

This scatter plot visualizes the Iris dataset, encoding sepal length and petal length to reveal clustering patterns among iris species, with each circle representing a flower. It renders as an SVG using D3 v5, employing `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for species colors, and the `d3-legend` plugin for a color legend. Axis tick lines and labels are styled via CSS, and data is loaded from a CSV URL using `d3.csv`.

AAishwarya Manjunath

60% match

Loading thumbnail…

Iris Dataset Scatter Plot- AISHWARYA M

This scatter plot visualizes the Iris Dataset, mapping petal length and width for each flower and coloring points by species (setosa, versicolor, or virginica). The D3 v6 code loads the CSV data via `d3.csv`, uses `scaleLinear` and `extent` to set axes, and renders SVG circles with a fixed radius. It also destructures functions like `select` and axes for concise, reactive updates. The viewport fills the window, with readable 24-pixel tick labels.

AAishwarya Manjunath

59% match