ICD-10 Radial Semantic Zoom
This solves the problem of being able to distinguish nodes in a very dense tree.
by Nivaldo
HTML
<div id="root"></div>
CSS
.node {
cursor: default;
}
.node circle {
fill: #fff;
stroke: steelblue;
stroke-width: 1.5px;
}
.node {
font: 10px sans-serif;
}
.link {
fill: none;
stroke: #ccc;
stroke-width: 1.5px;
}
JavaScript
var items = {
"name": "Chapter-5 Mental, Behavioral and Neurodevelopmental disorders",
"firstnode" : "true",
"key" : "Mental, Behavioral and Neurodevelopmental disorders",
"group" : 0,
"children": [
{
"name": "F01-F09 Mental disorders due to known physiological conditions",
"key" : "Mental disorders due to known physiological conditions",
"group" : 1,
"children": [
{
"name": "F01 Vascular dementia",
"key" : "",
"group" : 1,
"note" : "</p><u>F01.50</u> Vascular dementia without behavioral disturbance</p>"+
"</p><u>F01.51</u> Vascular dementia with behavioral disturbance</p>",
"children" : [
{
"name" : "F01.50 Vascular dementia without behavioral disturbance",
"group" : 1
},
{
"name" : "F01.51 Vascular dementia with behavioral disturbance",
"group" : 1
}
]
},
{
"name": "F02 Dementia in other diseases classified elsewhere",
"group" : 1,
"note" : "<p><u>F02.80</u> Dementia in other diseases classified elsewhere without behavioral disturbance</p>" +
"</p><u>F02.81</u> Dementia in other diseases classified elsewhere with behavioral disturbance</p>"
},
{
"name": "F03 Unspecified dementia",
"group" : 1,
"note" : "<p><u>F03.90</u> Unspecified dementia without behavioral disturbance</p>" +
"</p><u>F03.91</u> Unspecified dementia with behavioral disturbance</p>"
},
{
"name": "F04 Amnestic disorder due to known physiological condition",
"group" : 1,
"note" : "No further codes."
},
{
"name": "F05 Delirium due to known physiological condition",
"group" : 1,
"note" : "No further codes."
},
{
"name": "F06 Other mental disorders due to known physiological condition",
"group" :...