Tree Layout Visualization
Force Directed Graph Visualization
Explore the Copyright Code or the Patent Code
This app allows you to explore two titles of the US Code.
Title 17 – The Copyright Code
Title 35 – The Patent Code
Hub and Spoke Representation of US Code Hierarchy
The chart uses a “hub and spoke” layout to represent the hierarchy of a given Title of the U.S. Code such as Title 35. The center circle represents a “parent” portion of the code – a portion with sub-portions under it (e.g. Chapter 10) and the surrounding circles on the edge represent the “children” portions that belong to that parent (Section 100, Section 101, section 103..).You can click on an outer circle to open up the “children” parts that reside under that circle. If a circle has “children” parts, the circle border will be a thick grey. The selected circle will then be the new “parent”, and its “children” portions will be displayed.
Force Directed Graph
The app uses a “force directed graph” engine to display the titles of the U.S. Code. Force directed graphs are often used to model interactions between physical objects, such as molecules reacting to gravity. Because force directed graphs such as this simulate physical forces such as gravity, using this framework to display data means that various parts can tend to move around somewhat randomly.
Visualizing the US Code: Law Explorer
I have created a new demonstration application for visualizing and browsing the US Code – the US Code Explorer (beta) (pictured above). Click on the link or photo to see it in action.The app is meant as an experiment in visualizing and interacting with the US Code since it has been marked-up in xml by the federal government.I selected Title 35 (Patent Law) as my example.There is also a second version with three Titles of the US code: Title 35 (Patents), Title 17 ( Copyright), and Title 20 (Education). Due to the size, the second version takes a bit longer to load.
The look and presentation of the visualization parallels the visual style that that I use when I present the law to my students when I teach Patent Law and Introduction to Intellectual Property. During class, the visualizations are static Powerpoint slides. This is a more interactive version.Please note – this is merely a beta version of this visualization. Neither the computer code, nor the US code, have been thoroughly tested. Please do not rely on this app for the law as there may be errors or omissions.I will have a follow up post explaining in more depth what I did, but in short, I wrote a parser in python to read through the US Code xml files and extract the law hierarchy from the titles. I then exported the structure in .json format.And finally, I used the amazing d3 data visualization framework to create the visualization. Here, I borrowed heavily and employed a modified version of Mike Bostock’s d3 collapseable hierarchical tree.This is the first is a series of data visualization experiments of the US Code that I will employ using the d3 framework. The projects will be found in here.