first commit
This commit is contained in:
dev-chiefworks
@@ -0,0 +1,224 @@
|
||||
<div class="row">
|
||||
<div class="col-lg-2">
|
||||
<a href="/descision/descisiontree">Refresh</a>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-10">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-12">
|
||||
|
||||
<section id="visualisation" style="border: 0px black solid; max-width: 100%;">
|
||||
</section>
|
||||
|
||||
<script>
|
||||
function getData() {
|
||||
var data = {
|
||||
"id": 1,
|
||||
"name": "A10AA01",
|
||||
"type": "Root",
|
||||
"description": "New User no Data",
|
||||
"children": [
|
||||
{
|
||||
"id": 2,
|
||||
"name": "A10BB01",
|
||||
"type": "Type",
|
||||
"description": "Not new User no Data",
|
||||
"children": [
|
||||
{
|
||||
"id": 3,
|
||||
"name": "Felidae",
|
||||
"type": "Family",
|
||||
"description": "Also known as cats",
|
||||
"children": [
|
||||
{
|
||||
"id": 4,
|
||||
"name": "Siamese Cat",
|
||||
"type": "Organism",
|
||||
"description": "A breed of Asian cat. it has white fur",
|
||||
"children": []
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"name": "Javanese Cat",
|
||||
"type": "Organism",
|
||||
"description": "Domestic breed of cats, of oriental origin",
|
||||
"children": []
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 6,
|
||||
"name": "Ursidae",
|
||||
"type": "Family",
|
||||
"description": "Also known as bears",
|
||||
"children": [
|
||||
{
|
||||
"id": 7,
|
||||
"name": "Polar Bear",
|
||||
"type": "Organism",
|
||||
"description": "White bear native to the Arctic Circle",
|
||||
"children": []
|
||||
},
|
||||
{
|
||||
"id": 8,
|
||||
"name": "Panda Bear",
|
||||
"type": "Organism",
|
||||
"description": "Spotted bear native to South Central China",
|
||||
"children": []
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 9,
|
||||
"name": "Canidae",
|
||||
"type": "Family",
|
||||
"description": "Also known as dogs",
|
||||
"children": [
|
||||
{
|
||||
"id": 10,
|
||||
"name": "Labradore Retriever",
|
||||
"type": "Organism",
|
||||
"description": "One of the most popular dog breeds in Canada, UK and USA",
|
||||
"children": []
|
||||
},
|
||||
{
|
||||
"id": 11,
|
||||
"name": "Golden Retriever",
|
||||
"type": "Organism",
|
||||
"description": "Generally friendly, loyal and intelligent breed of dogs",
|
||||
"children": []
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 12,
|
||||
"name": "A100001",
|
||||
"type": "Type",
|
||||
"description": "Not New User with Data",
|
||||
"children": [
|
||||
{
|
||||
"id": 13,
|
||||
"name": "Bovidae",
|
||||
"type": "Family",
|
||||
"description": "Also known as cattle or cows",
|
||||
"children": [
|
||||
{
|
||||
"id": 14,
|
||||
"name": "Angus Cattle",
|
||||
"type": "Organism",
|
||||
"description": "Scottish breed of black cattle",
|
||||
"children": []
|
||||
},
|
||||
{
|
||||
"id": 15,
|
||||
"name": "Holstein Friesian Cattle",
|
||||
"type": "Organism",
|
||||
"description": "Known as the highest-production dairy animals",
|
||||
"children": []
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 16,
|
||||
"name": "Equidae",
|
||||
"type": "Family",
|
||||
"description": "Also known as horses",
|
||||
"children": [
|
||||
{
|
||||
"id": 17,
|
||||
"name": "Barb Horse",
|
||||
"type": "Organism",
|
||||
"description": "A breed of Northern African horses with high stamina and hardiness. Their generally hot temperament makes it harder to tame.",
|
||||
"children": []
|
||||
},
|
||||
{
|
||||
"id": 18,
|
||||
"name": "Holsteiner Horse",
|
||||
"type": "Organism",
|
||||
"description": "One of the oldest of warmblood breeds, tracing back to the 13th century. Originates from Germany",
|
||||
"children": []
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 19,
|
||||
"name": "Leporidae",
|
||||
"type": "Family",
|
||||
"description": "Also known as rabbits",
|
||||
"children": [
|
||||
{
|
||||
"id": 20,
|
||||
"name": "Lionhead rabbit",
|
||||
"type": "Organism",
|
||||
"description": "Unusual rabbit with a wool mane circling it's head, similar to a lion, hence it's name.",
|
||||
"children": []
|
||||
},
|
||||
{
|
||||
"id": 21,
|
||||
"name": "Silver Fox Rabbit",
|
||||
"type": "Organism",
|
||||
"description": "Bred for their meat and unique fur.",
|
||||
"children": []
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
var data = getData();
|
||||
|
||||
var treePlugin = new d3.mitchTree.boxedTree()
|
||||
.setData(data)
|
||||
.setElement(document.getElementById("visualisation"))
|
||||
.setIdAccessor(function(data) {
|
||||
return data.id;
|
||||
})
|
||||
.setChildrenAccessor(function(data) {
|
||||
return data.children;
|
||||
})
|
||||
.setBodyDisplayTextAccessor(function(data) {
|
||||
return data.description;
|
||||
})
|
||||
.setTitleDisplayTextAccessor(function(data) {
|
||||
return data.name;
|
||||
})
|
||||
.initialize();
|
||||
|
||||
/* Alternative Options Object Syntax, opposed to the Fluent Interface Above
|
||||
var options = {
|
||||
data: data,
|
||||
element: document.getElementById("visualisation"),
|
||||
getId: function (data) {
|
||||
return data.id;
|
||||
},
|
||||
getChildren: function (data) {
|
||||
return data.children;
|
||||
},
|
||||
getBodyDisplayText: function (data) {
|
||||
return data.description;
|
||||
},
|
||||
getTitleDisplayText: function (data) {
|
||||
return data.name;
|
||||
}
|
||||
};
|
||||
var treePlugin = new d3.MitchTree.BoxedTree(options).initialize();
|
||||
*/
|
||||
</script>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user