histo

100%

✓ Published0🌍 Public

Last edited Mar 1, 2018

Created on Mar 1, 2018

This histogram visualizes the distribution of sequence lengths from a FASTA file of genome contigs, parsed from the node IDs in `contigs.fasta`. Using D3 v4 with SVG rendering, the visualization computes the lengths of each sequence and groups them into bins along the x-axis, with bar heights representing the count of contigs per length range. The chart provides a quick view of the size distribution of genomic fragments, highlighting the central tendency and spread of contig lengths in the dataset.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

histo

This histogram visualizes the distribution of coverage values parsed from sequence headers in a FASTA file, rendering as SVG using d3.v4. The data is derived from contig metadata (node_id, length, size, coverage) embedded in the FASTA descriptions, with the histogram showing the frequency of coverage values across all contigs. Built with Blockbuilder and forked from TylerVaughan's original block, it uses d3's histogram layout to bin and display the distribution.

TTylerVaughan

85% match

Loading thumbnail…

fresh block

This example uses D3 v4 to render a histogram of contig lengths from a FASTA file. The code parses sequence headers with a custom delimiter, extracts the length values from each node, and displays the distribution as steel-blue bars with red count labels on top. An x-axis with linear scaling shows the range of contig lengths, while the histogram bins are generated using d3.histogram with thresholds calculated from the maximum length. The visualization is rendered in SVG and includes a formatted count above each bar, omitting labels for empty bins.

TTylerVaughan

77% match

Loading thumbnail…

fresh block

This example demonstrates a histogram visualization of DNA sequence data parsed from a FASTA file. The block uses D3 v4 with an SVG rendering, reading sequence headers from `test.fasta` via a custom underscore-delimited format, extracting node lengths, and then plotting the distribution of 1000 random samples using d3.histogram with 20 bins. The bars are styled in steelblue with white count labels, and the x-axis is rendered at the bottom. The visualization is built with Blockbuilder.org and licensed under MIT.

TTylerVaughan

70% match

Loading thumbnail…

Histogram

This histogram visualizes the distribution of a numeric variable, grouping observed values into discrete bins and displaying their frequencies as vertical bars. It uses the D3.js library, specifically leveraging `d3.histogram` and `d3.scale` APIs to compute bin ranges and map data to screen coordinates. The rendering relies on SVG paths generated from the binned counts, with axes and labels drawn via D3’s measurement and tick utilities. The dataset originates from a GitHub gist, and the code operates entirely in the browser without external data files.

Mmbostock

69% match

Loading thumbnail…

Gist 6b30d347b0402263522888c0a96653ad

This histogram visualizes the distribution of sequence lengths from Oxford Nanopore sequencing data, comparing 1D+2D and 2D reads of *Silene latifolia* DNA. The chart shows how many reads fall into each length bin, highlighting the range and frequency of fragment sizes for both datasets. The underlying shell script uses `bioawk` with the `fastx` input mode to extract the `length()` of each sequence, writing the resulting measurements to separate text files before plotting. The visualization relies on the bioawk library’s FASTA/FASTQ parsing capabilities to generate the raw length counts.

NNpfn

68% match

Loading thumbnail…

The d3 test

This scatter chart plots contig length against GC content from a FASTA file. The code parses sequence headers using `d3.dsvFormat` to extract numeric values, then renders circles with `d3.scaleLinear` and `d3.axisBottom`/`d3.axisLeft`. The visualization uses hardcoded sample data as a fallback, with axes and points styled via CSS.

LLaurynKW

67% match

Loading thumbnail…

Gist 6568151

A histogram displays a randomly generated Irwin–Hall distribution of 50 values, showing the count of scores binned into twenty uniform intervals. The chart uses D3’s histogram layout and linear scales to position bars, with axis ticks placed between bars to clarify bin boundaries. Bar counts are labeled above each rectangle, and mouseover events log the original data objects and associated names filtered from the source array. Rendered as SVG using d3.v2, the example demonstrates binning and interactive data binding.

11wheel

66% match

Loading thumbnail…

Histogram

This interactive histogram visualizes the distribution of one numeric variable using data loaded from a CSV file. Built with D3 v7, it renders bars as SVG rectangles, with the x-axis scaled linearly and the y-axis representing bin counts. The chart updates responsively on window resize, recalculating the histogram with 40 thresholds to accommodate the new width. Data is fetched from the `data_to_viz` GitHub repository.

Aarjun-lab663

65% match