initial commit
This commit is contained in:
@@ -0,0 +1,222 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Highcharts Example</title>
|
||||
|
||||
<style type="text/css">
|
||||
#container {
|
||||
min-width: 320px;
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script src="../../code/highcharts.js"></script>
|
||||
<script src="../../code/modules/networkgraph.js"></script>
|
||||
<script src="../../code/modules/exporting.js"></script>
|
||||
|
||||
<div id="container"></div>
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
// Add the nodes option through an event call. We want to start with the parent
|
||||
// item and apply separate colors to each child element, then the same color to
|
||||
// grandchildren.
|
||||
Highcharts.addEvent(
|
||||
Highcharts.seriesTypes.networkgraph,
|
||||
'afterSetOptions',
|
||||
function (e) {
|
||||
var colors = Highcharts.getOptions().colors,
|
||||
i = 0,
|
||||
nodes = {};
|
||||
e.options.data.forEach(function (link) {
|
||||
|
||||
if (link[0] === 'Proto Indo-European') {
|
||||
nodes['Proto Indo-European'] = {
|
||||
id: 'Proto Indo-European',
|
||||
marker: {
|
||||
radius: 20
|
||||
}
|
||||
};
|
||||
nodes[link[1]] = {
|
||||
id: link[1],
|
||||
marker: {
|
||||
radius: 10
|
||||
},
|
||||
color: colors[i++]
|
||||
};
|
||||
} else if (nodes[link[0]] && nodes[link[0]].color) {
|
||||
nodes[link[1]] = {
|
||||
id: link[1],
|
||||
color: nodes[link[0]].color
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
e.options.nodes = Object.keys(nodes).map(function (id) {
|
||||
return nodes[id];
|
||||
});
|
||||
}
|
||||
);
|
||||
|
||||
Highcharts.chart('container', {
|
||||
chart: {
|
||||
type: 'networkgraph',
|
||||
height: '100%'
|
||||
},
|
||||
title: {
|
||||
text: 'The Indo-European Laungauge Tree'
|
||||
},
|
||||
subtitle: {
|
||||
text: 'A Force-Directed Network Graph in Highcharts'
|
||||
},
|
||||
plotOptions: {
|
||||
networkgraph: {
|
||||
keys: ['from', 'to'],
|
||||
layoutAlgorithm: {
|
||||
enableSimulation: true
|
||||
}
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
dataLabels: {
|
||||
enabled: true
|
||||
},
|
||||
data: [
|
||||
['Proto Indo-European', 'Balto-Slavic'],
|
||||
['Proto Indo-European', 'Germanic'],
|
||||
['Proto Indo-European', 'Celtic'],
|
||||
['Proto Indo-European', 'Italic'],
|
||||
['Proto Indo-European', 'Hellenic'],
|
||||
['Proto Indo-European', 'Anatolian'],
|
||||
['Proto Indo-European', 'Indo-Iranian'],
|
||||
['Proto Indo-European', 'Tocharian'],
|
||||
['Indo-Iranian', 'Dardic'],
|
||||
['Indo-Iranian', 'Indic'],
|
||||
['Indo-Iranian', 'Iranian'],
|
||||
['Iranian', 'Old Persian'],
|
||||
['Old Persian', 'Middle Persian'],
|
||||
['Indic', 'Sanskrit'],
|
||||
['Italic', 'Osco-Umbrian'],
|
||||
['Italic', 'Latino-Faliscan'],
|
||||
['Latino-Faliscan', 'Latin'],
|
||||
['Celtic', 'Brythonic'],
|
||||
['Celtic', 'Goidelic'],
|
||||
['Germanic', 'North Germanic'],
|
||||
['Germanic', 'West Germanic'],
|
||||
['Germanic', 'East Germanic'],
|
||||
['North Germanic', 'Old Norse'],
|
||||
['North Germanic', 'Old Swedish'],
|
||||
['North Germanic', 'Old Danish'],
|
||||
['West Germanic', 'Old English'],
|
||||
['West Germanic', 'Old Frisian'],
|
||||
['West Germanic', 'Old Dutch'],
|
||||
['West Germanic', 'Old Low German'],
|
||||
['West Germanic', 'Old High German'],
|
||||
['Old Norse', 'Old Icelandic'],
|
||||
['Old Norse', 'Old Norwegian'],
|
||||
['Old Norwegian', 'Middle Norwegian'],
|
||||
['Old Swedish', 'Middle Swedish'],
|
||||
['Old Danish', 'Middle Danish'],
|
||||
['Old English', 'Middle English'],
|
||||
['Old Dutch', 'Middle Dutch'],
|
||||
['Old Low German', 'Middle Low German'],
|
||||
['Old High German', 'Middle High German'],
|
||||
['Balto-Slavic', 'Baltic'],
|
||||
['Balto-Slavic', 'Slavic'],
|
||||
['Slavic', 'East Slavic'],
|
||||
['Slavic', 'West Slavic'],
|
||||
['Slavic', 'South Slavic'],
|
||||
// Leaves:
|
||||
['Proto Indo-European', 'Phrygian'],
|
||||
['Proto Indo-European', 'Armenian'],
|
||||
['Proto Indo-European', 'Albanian'],
|
||||
['Proto Indo-European', 'Thracian'],
|
||||
['Tocharian', 'Tocharian A'],
|
||||
['Tocharian', 'Tocharian B'],
|
||||
['Anatolian', 'Hittite'],
|
||||
['Anatolian', 'Palaic'],
|
||||
['Anatolian', 'Luwic'],
|
||||
['Anatolian', 'Lydian'],
|
||||
['Iranian', 'Balochi'],
|
||||
['Iranian', 'Kurdish'],
|
||||
['Iranian', 'Pashto'],
|
||||
['Iranian', 'Sogdian'],
|
||||
['Old Persian', 'Pahlavi'],
|
||||
['Middle Persian', 'Persian'],
|
||||
['Hellenic', 'Greek'],
|
||||
['Dardic', 'Dard'],
|
||||
['Sanskrit', 'Sindhi'],
|
||||
['Sanskrit', 'Romani'],
|
||||
['Sanskrit', 'Urdu'],
|
||||
['Sanskrit', 'Hindi'],
|
||||
['Sanskrit', 'Bihari'],
|
||||
['Sanskrit', 'Assamese'],
|
||||
['Sanskrit', 'Bengali'],
|
||||
['Sanskrit', 'Marathi'],
|
||||
['Sanskrit', 'Gujarati'],
|
||||
['Sanskrit', 'Punjabi'],
|
||||
['Sanskrit', 'Sinhalese'],
|
||||
['Osco-Umbrian', 'Umbrian'],
|
||||
['Osco-Umbrian', 'Oscan'],
|
||||
['Latino-Faliscan', 'Faliscan'],
|
||||
['Latin', 'Portugese'],
|
||||
['Latin', 'Spanish'],
|
||||
['Latin', 'French'],
|
||||
['Latin', 'Romanian'],
|
||||
['Latin', 'Italian'],
|
||||
['Latin', 'Catalan'],
|
||||
['Latin', 'Franco-Provençal'],
|
||||
['Latin', 'Rhaeto-Romance'],
|
||||
['Brythonic', 'Welsh'],
|
||||
['Brythonic', 'Breton'],
|
||||
['Brythonic', 'Cornish'],
|
||||
['Brythonic', 'Cuymbric'],
|
||||
['Goidelic', 'Modern Irish'],
|
||||
['Goidelic', 'Scottish Gaelic'],
|
||||
['Goidelic', 'Manx'],
|
||||
['East Germanic', 'Gothic'],
|
||||
['Middle Low German', 'Low German'],
|
||||
['Middle High German', '(High) German'],
|
||||
['Middle High German', 'Yiddish'],
|
||||
['Middle English', 'English'],
|
||||
['Middle Dutch', 'Hollandic'],
|
||||
['Middle Dutch', 'Flemish'],
|
||||
['Middle Dutch', 'Dutch'],
|
||||
['Middle Dutch', 'Limburgish'],
|
||||
['Middle Dutch', 'Brabantian'],
|
||||
['Middle Dutch', 'Rhinelandic'],
|
||||
['Old Frisian', 'Frisian'],
|
||||
['Middle Danish', 'Danish'],
|
||||
['Middle Swedish', 'Swedish'],
|
||||
['Middle Norwegian', 'Norwegian'],
|
||||
['Old Norse', 'Faroese'],
|
||||
['Old Icelandic', 'Icelandic'],
|
||||
['Baltic', 'Old Prussian'],
|
||||
['Baltic', 'Lithuanian'],
|
||||
['Baltic', 'Latvian'],
|
||||
['West Slavic', 'Polish'],
|
||||
['West Slavic', 'Slovak'],
|
||||
['West Slavic', 'Czech'],
|
||||
['West Slavic', 'Wendish'],
|
||||
['East Slavic', 'Bulgarian'],
|
||||
['East Slavic', 'Old Church Slavonic'],
|
||||
['East Slavic', 'Macedonian'],
|
||||
['East Slavic', 'Serbo-Croatian'],
|
||||
['East Slavic', 'Slovene'],
|
||||
['South Slavic', 'Russian'],
|
||||
['South Slavic', 'Ukrainian'],
|
||||
['South Slavic', 'Belarusian'],
|
||||
['South Slavic', 'Rusyn']
|
||||
]
|
||||
}]
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user