Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Heterogeneity Bands (Second Iteration)

Public visualization

Heterogeneity Bands (Second Iteration)

0 stars1🌍 Public
WWaseem Medhat
Last edited Nov 20, 2020
Created on Nov 16, 2020

This visualization displays heterogeneity bands from a metadata JSON file, with each study represented as a horizontal line and its confidence interval as a filled rectangular band. The bands use CSS `mix-blend-mode: multiply` to create darker overlaps where intervals intersect, revealing shared regions across studies. Implemented with D3 v6, the code uses `scaleLinear` for the x-axis, `scalePoint` for study positioning, and appends SVG `<rect>` and `<line>` elements to show the data from a gist-hosted dataset.

AI-generated description

Reiterating on the old version by using CSS color blend.

Comments

Sign in to join the discussion.

MIT Licensed