This node-link diagram shows entities (circles) automatically extracted from web pages (squares). A link indicates that a certain entity has been found in a certain web page. Entities are colored according to their category (people, telephone numbers, etc.). Use the mouse wheel to zoom.
The main code is adapted from this example on node-link diagrams.
Many improvements can be made to this visualization: choice of colors, better interaction, a more stable layout or a persistence layer to save the force layout status. The example is intended as a baseline visualization for this kind of data structures.
xxxxxxxxxx
<html>
<head>
<meta charset="utf-8">
<title>Entity recognition diagram</title>
<link type="text/css" href="index.css" rel="stylesheet"/>
<script src="d3.v3.min.js"></script>
<script src="index.js"></script>
</head>
<body onload="main()">
</body>
</html>