Skip to content

๐Ÿ‘‘ Family tree of the Ptolemaic dynasty with diarchy and familicide filtering. D3.js

Notifications You must be signed in to change notification settings

nwilliams770/Ptolemaniacs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Ptolemaniacs

A force-directed graph layout of the Ptolemaic Dynasty. Data for this project was sourced from Wikipedia. Please note that specific dates, even the legitmacy of some heirs, are still debated amongst scholars and should be considered when viewing this visualization.

Many thanks to Mike Bostock for such comprehensive support and examples.

Live

Implementation

This project served as an oppurtunity for me to familiarize myself and experiment with the d3 API whilst delving into a topic I enjoy. I implemented a force-layout with the following features:

  • Toggleable filters for familicides and diarchies within the Ptolemaic Dynasty Data Filters Gif
  • Toggleable view of a specific node's immediate relatives and details Data Filters Gif
  • Detailed display of Ptolemaic lineage and line of rule Data Filters Gif
  • Toggleable tooltips and information window that updates as users explore the visualization
  • Dynamic sizing based on window size
  • Draggable nodes

Future Direction

I'd like to create a more impactful experience for the user and a visualization that isn't just static data on a screen. A live data visualization is what's next

d3 Real Time Chart (2018)

About

๐Ÿ‘‘ Family tree of the Ptolemaic dynasty with diarchy and familicide filtering. D3.js

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages