DEV Community

loading...

Answer: Organization chart - tree, online, dynamic, collapsible, pictures - in D3

Justine Kizhakkinedath
Python dev
・1 min read

Here's a quick example. It modifies this example, to add in first name, last name, a title and a picture.

<!DOCTYPE html>
<meta charset="utf-8">
<style>

.node {
  cursor: pointer;
}

.node circle {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.node text {

Discussion (0)