Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Data Visualization with D3

Public visualization

Data Visualization with D3

0 stars0🌍 Public
Mmesclics
Last edited Feb 21, 2020
Created on Feb 21, 2020

This example visualizes a family genealogy using D3.js and Canvas rendering. It displays individual records with birth and death dates, places, and gender classifications, organized into generations through a custom kinship code system. The visualization uses DOM elements for individual containers and a Canvas overlay to draw connecting lines between relatives. Data comes from a static JavaScript dataset, with helper functions in `indiv.js` determining gender, direct ancestry, and generation levels based on coded identifiers.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed