Skip to main content
SimilarExport ZIP
100%

Ebenezer's VizHub Assignment

✓ Published0🌍 Public
Eeaaarmah
Last edited Jul 28, 2020
Created on Jul 27, 2020
Forked from Making a Bar Chart

This bar chart displays the median PTEN gene expression across various human tissues, with each bar color-coded by tissue type based on a tissue_info.json file. The visualization aggregates individual sample measurements from a gene expression JSON file, calculating the median expression per tissue using `d3.median`. Users can sort the bars alphabetically or by descending median value through `sortEntries`. The SVG chart is rendered using `d3.scaleBand` and `d3.scaleLinear`, with axes generated via `d3.axisBottom` and `d3.axisLeft`.

AI-generated description

This bar chart shows the gene expression for a gene based on a JSON file

It takes as input two json files (a gene_expression file and a tissue_info file)

The bar chart could be color coded based on the user's input The bar chart can be sorted alphabetically (ascending) or by median value (descending)

The entry point for this application is the index.js file

MIT Licensed

Similar vizzes

Loading thumbnail…

Bar Chart - Protein Localization

This bar chart displays protein localization data, comparing average expression values across subcellular locations for ovarian tumor samples. The visualization uses a vertical bar layout with the location categories on the y-axis and expression values on the x-axis. Built with D3 v7, the code employs `d3.csv` for tabular data loading, `scaleLinear` and `scaleBand` for axes, and standard margin conventions with `axisLeft` and `axisBottom` to render the SVG chart, styling bars in steel blue.

MMinwoo Pak
66% match
Loading thumbnail…

Untitled

This stacked bar chart displays eye color frequencies across four hair color categories. The visualization uses d3.csv to load the dataset, d3.stack() to compute stacked segments, and d3.scaleBand/d3.scaleLinear for axes. Each bar segment is colored via a d3.scaleOrdinal palette, with a legend added in the second implementation. The SVG rendering relies on d3.axisBottom, d3.axisLeft, and nested data joins to append rectangles per subgroup.

CCo10
63% 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
63% match
Loading thumbnail…

vizhub kntl

This interactive bar chart visualizes country-level data, allowing users to filter by continent and select among metrics like population, GDP, and life expectancy. The visualization uses D3 v5 (d3.scaleBand, d3.scaleLinear) with SVG rendering, and supports sorting bars in ascending or descending order via buttons. Data is loaded from a CSV file using d3.csv, parsed with custom cleanup logic, and rendered with animated transitions between states.

Ppatricknicholas27@gmail.com
63% match
Loading thumbnail…

Untitled

This bar chart displays the average BMI across different age groups from a heart disease dataset. It uses D3 v4 to render the SVG visualization. The code reads the data from a CSV file, scales the values, and applies D3's `scaleBand` and `scaleLinear` to position and size the bars. The chart includes a title, axis labels, and a legend.

Aabhi7r
63% match
Loading thumbnail…

Untitled

This bar chart displays the average BMI across different age groups from a heart disease dataset. It uses D3 v4 to render the SVG visualization. The code reads the data from a CSV file, scales the values, and applies D3's `scaleBand` and `scaleLinear` to position and size the bars. The chart includes a title, axis labels, and a legend.

Aabhi7r
63% 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
63% match
Loading thumbnail…

Untitled

A bar chart displays the daily earnings of named individuals, with purple bars scaled along linear and band axes. The chart loads CSV data from a GitHub gist, parses the numeric `amounts` field, and uses `d3.scaleBand` and `d3.scaleLinear` to map categories and values. The SVG rendering appends rectangles via `d3.selectAll` and adds axes with `d3.axisBottom` and `d3.axisLeft`.

VVineela Reddy
63% match