I am a Data Visualization and UI developer. Focusing on creating SPA using React, Redux, D3.js and Jest . I also do data projects when I have time.
nodes_data = d3.hierarchy(data_1, d => d.children);
nodes = tree(nodes_data)
width = 1000
margin ={return {left:20, top:20,right:60, bottom:20 }}
diagonal = d3.linkHorizontal().x(d => d.y).y(d => d.x)
dx=10
dy = width/2
Appendix
data_2 = {
return { "name":"Firewall b2",
"children": [
{
"name": "Pod 1"
},
{
"name": "Hypervisor 2a"
},
{
"name": " Pod 3",
"children": [
{
"name": "Hypervisor 3b",
"children": [],
},
{
"name": "Hypervisor 3b",
"children": [
{
"name": "VNF 3b",
},
{
"name": "VNF 4D",
},
{
"name": "VNF 5F",
}
],
}
]
},
{
"name": "Azura"
}
]
}
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
