-
Notifications
You must be signed in to change notification settings - Fork 1
/
managementVisuals.html
39 lines (37 loc) · 1.99 KB
/
managementVisuals.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="en">
<head>
<title>BizHeads of Indian Companies</title>
<link rel="stylesheet" href="vendor/tachyons/tachyons.min.css">
<script src="js/d3.v6.js"></script>
</head>
<body class="Roboto pa1 bg-near-white">
<div class="f4 link tl"><a href="./index.html">Home</a></div>
<section class="cf w-100 pv2 flex flex-wrap">
<div class="fl w-100 f4 tc">
<h1>Who is on Board of Multiple Companies?</h1>
</div>
<div class="pv1 w-100 tc" id="graph">
<svg width="700" height="700" id="chart"></svg>
</div>
<div class="pa1 w-two-thirds center">
<p class="f4 lh-copy">
Points on a graph conveys magnitude through the position. In Force Directed graphs the positions are simulated
while the size of the point conveys the magnitude. Chandrasekaran is BIG. To find how big, just hovering your mouse
reveals the information
</p>
<p class="f4 lh-copy">
Additional data points can be added to the circle using the colors, and other SVG shapes. It is truly possible to
use the Force Directed graph, Simple. No Axes, No Legends. <strong>Information is conveyed.</strong>
Idea to visualise the Bizheads is from <a href="https://vizheads.com/">VizHeads.</a> That project has lot more going
on. The headshots of Vizheads, their twitter handles and the size of the heads linked with the number of references.
It all starts with Force Directed Graph.
</p>
<p class="f4 lh-copy">
Another inspiration is <a href="https://pudding.cool/2017/03/hamilton/">Pudding's Hamilton by Shirley Wu.</a> This
project is a massive effort and passion. We can see the information is shown without losing the emotion.
</p>
</div>
</section>
<script src="./PortfolioScripts/visualisingBoardRoom.js"></script>
</body>