diff --git a/README.md b/README.md deleted file mode 100644 index 85411534..00000000 --- a/README.md +++ /dev/null @@ -1,2 +0,0 @@ -ISSAD -===== \ No newline at end of file diff --git a/app/assets/javascripts/Jit/Examples/AreaChart/example1.html b/app/assets/javascripts/Jit/Examples/AreaChart/example1.html deleted file mode 100644 index cbea30e3..00000000 --- a/app/assets/javascripts/Jit/Examples/AreaChart/example1.html +++ /dev/null @@ -1,61 +0,0 @@ - - - - -AreaChart - Area Chart Example - - - - - - - - - - - - - - - -
- -
- - - -
-

-Area Chart Example -

- - A static Area Chart example with gradients that displays tooltips when hovering the stacks.

- Left-click a Stack to apply a filter to it.

- Right-click to restore all stacks.

- Click the Update button to update the JSON data. - -
- - Update Data - Remove Filter - - - - -
See the Example Code
-
- -
-
-
- -
- -
- -
- -
-
- - diff --git a/app/assets/javascripts/Jit/Examples/AreaChart/example1.js b/app/assets/javascripts/Jit/Examples/AreaChart/example1.js deleted file mode 100644 index 0ac5eb9a..00000000 --- a/app/assets/javascripts/Jit/Examples/AreaChart/example1.js +++ /dev/null @@ -1,146 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - var json = { - 'label': ['label A', 'label B', 'label C', 'label D'], - 'values': [ - { - 'label': 'date A', - 'values': [20, 40, 15, 5] - }, - { - 'label': 'date B', - 'values': [30, 10, 45, 10] - }, - { - 'label': 'date E', - 'values': [38, 20, 35, 17] - }, - { - 'label': 'date F', - 'values': [58, 10, 35, 32] - }, - { - 'label': 'date D', - 'values': [55, 60, 34, 38] - }, - { - 'label': 'date C', - 'values': [26, 40, 25, 40] - }] - - }; - var json2 = { - 'values': [ - { - 'label': 'date A', - 'values': [10, 40, 15, 7] - }, - { - 'label': 'date B', - 'values': [30, 40, 45, 9] - }, - { - 'label': 'date D', - 'values': [55, 30, 34, 26] - }, - { - 'label': 'date C', - 'values': [26, 40, 85, 28] - }] - - }; - //end - var infovis = document.getElementById('infovis'); - //init AreaChart - var areaChart = new $jit.AreaChart({ - //id of the visualization container - injectInto: 'infovis', - //add animations - animate: true, - //separation offsets - Margin: { - top: 5, - left: 5, - right: 5, - bottom: 5 - }, - labelOffset: 10, - //whether to display sums - showAggregates: true, - //whether to display labels at all - showLabels: true, - //could also be 'stacked' - type: useGradients? 'stacked:gradient' : 'stacked', - //label styling - Label: { - type: labelType, //can be 'Native' or 'HTML' - size: 13, - family: 'Arial', - color: 'white' - }, - //enable tips - Tips: { - enable: true, - onShow: function(tip, elem) { - tip.innerHTML = "" + elem.name + ": " + elem.value; - } - }, - //add left and right click handlers - filterOnClick: true, - restoreOnRightClick:true - }); - //load JSON data. - areaChart.loadJSON(json); - //end - var list = $jit.id('id-list'), - button = $jit.id('update'), - restoreButton = $jit.id('restore'); - //update json on click - $jit.util.addEvent(button, 'click', function() { - var util = $jit.util; - if(util.hasClass(button, 'gray')) return; - util.removeClass(button, 'white'); - util.addClass(button, 'gray'); - areaChart.updateJSON(json2); - }); - //restore graph on click - $jit.util.addEvent(restoreButton, 'click', function() { - areaChart.restore(); - }); - //dynamically add legend to list - var legend = areaChart.getLegend(), - listItems = []; - for(var name in legend) { - listItems.push('
 
' + name); - } - list.innerHTML = '
  • ' + listItems.join('
  • ') + '
    • '; -} diff --git a/app/assets/javascripts/Jit/Examples/BarChart/example1.html b/app/assets/javascripts/Jit/Examples/BarChart/example1.html deleted file mode 100644 index fc679826..00000000 --- a/app/assets/javascripts/Jit/Examples/BarChart/example1.html +++ /dev/null @@ -1,56 +0,0 @@ - - - - -BarChart - Bar Chart Example - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Bar Chart Example -

    - - A static vertical Bar Chart example with gradients. The Bar Chart displays tooltips when hovering the stacks.

    - Click the Update button to update the JSON data. - -
    - - Update Data - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/BarChart/example1.js b/app/assets/javascripts/Jit/Examples/BarChart/example1.js deleted file mode 100644 index 2205ce93..00000000 --- a/app/assets/javascripts/Jit/Examples/BarChart/example1.js +++ /dev/null @@ -1,143 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - var json = { - 'label': ['label A', 'label B', 'label C', 'label D'], - 'values': [ - { - 'label': 'date A', - 'values': [20, 40, 15, 5] - }, - { - 'label': 'date B', - 'values': [30, 10, 45, 10] - }, - { - 'label': 'date E', - 'values': [38, 20, 35, 17] - }, - { - 'label': 'date F', - 'values': [58, 10, 35, 32] - }, - { - 'label': 'date D', - 'values': [55, 60, 34, 38] - }, - { - 'label': 'date C', - 'values': [26, 40, 25, 40] - }] - - }; - //end - var json2 = { - 'values': [ - { - 'label': 'date A', - 'values': [10, 40, 15, 7] - }, - { - 'label': 'date B', - 'values': [30, 40, 45, 9] - }, - { - 'label': 'date D', - 'values': [55, 30, 34, 26] - }, - { - 'label': 'date C', - 'values': [26, 40, 85, 28] - }] - - }; - //init BarChart - var barChart = new $jit.BarChart({ - //id of the visualization container - injectInto: 'infovis', - //whether to add animations - animate: true, - //horizontal or vertical barcharts - orientation: 'vertical', - //bars separation - barsOffset: 20, - //visualization offset - Margin: { - top:5, - left: 5, - right: 5, - bottom:5 - }, - //labels offset position - labelOffset: 5, - //bars style - type: useGradients? 'stacked:gradient' : 'stacked', - //whether to show the aggregation of the values - showAggregates:true, - //whether to show the labels for the bars - showLabels:true, - //labels style - Label: { - type: labelType, //Native or HTML - size: 13, - family: 'Arial', - color: 'white' - }, - //add tooltips - Tips: { - enable: true, - onShow: function(tip, elem) { - tip.innerHTML = "" + elem.name + ": " + elem.value; - } - } - }); - //load JSON data. - barChart.loadJSON(json); - //end - var list = $jit.id('id-list'), - button = $jit.id('update'), - orn = $jit.id('switch-orientation'); - //update json on click 'Update Data' - $jit.util.addEvent(button, 'click', function() { - var util = $jit.util; - if(util.hasClass(button, 'gray')) return; - util.removeClass(button, 'white'); - util.addClass(button, 'gray'); - barChart.updateJSON(json2); - }); - //dynamically add legend to list - var legend = barChart.getLegend(), - listItems = []; - for(var name in legend) { - listItems.push('
     
    ' + name); - } - list.innerHTML = '
  • ' + listItems.join('
  • ') + '
    • '; -} diff --git a/app/assets/javascripts/Jit/Examples/BarChart/example2.html b/app/assets/javascripts/Jit/Examples/BarChart/example2.html deleted file mode 100644 index f91e9082..00000000 --- a/app/assets/javascripts/Jit/Examples/BarChart/example2.html +++ /dev/null @@ -1,56 +0,0 @@ - - - - -BarChart - Bar Chart Example - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Bar Chart Example -

    - - A static horizontal Bar Chart example without gradients. The Bar Chart displays tooltips when hovering the stacks.

    - Click the Update button to update the JSON data. - -
    - - Update Data - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/BarChart/example2.js b/app/assets/javascripts/Jit/Examples/BarChart/example2.js deleted file mode 100644 index 63690ad9..00000000 --- a/app/assets/javascripts/Jit/Examples/BarChart/example2.js +++ /dev/null @@ -1,142 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - var json = { - 'label': ['label A', 'label B', 'label C', 'label D'], - 'values': [ - { - 'label': 'date A', - 'values': [20, 40, 15, 5] - }, - { - 'label': 'date B', - 'values': [30, 10, 45, 10] - }, - { - 'label': 'date E', - 'values': [38, 20, 35, 17] - }, - { - 'label': 'date F', - 'values': [58, 10, 35, 32] - }, - { - 'label': 'date D', - 'values': [55, 60, 34, 38] - }, - { - 'label': 'date C', - 'values': [26, 40, 25, 40] - }] - - }; - //end - var json2 = { - 'values': [ - { - 'label': 'date A', - 'values': [10, 40, 15, 7] - }, - { - 'label': 'date B', - 'values': [30, 40, 45, 9] - }, - { - 'label': 'date D', - 'values': [55, 30, 34, 26] - }, - { - 'label': 'date C', - 'values': [26, 40, 85, 28] - }] - - }; - //init BarChart - var barChart = new $jit.BarChart({ - //id of the visualization container - injectInto: 'infovis', - //whether to add animations - animate: true, - //horizontal or vertical barcharts - orientation: 'horizontal', - //bars separation - barsOffset: 0.5, - //visualization offset - Margin: { - top: 5, - left: 5, - right: 5, - bottom: 5 - }, - //labels offset position - labelOffset:5, - //bars style - type:'stacked', - //whether to show the aggregation of the values - showAggregates:true, - //whether to show the labels for the bars - showLabels:true, - //label styles - Label: { - type: labelType, //Native or HTML - size: 13, - family: 'Arial', - color: 'white' - }, - //tooltip options - Tips: { - enable: true, - onShow: function(tip, elem) { - tip.innerHTML = "" + elem.name + ": " + elem.value; - } - } - }); - //load JSON data. - barChart.loadJSON(json); - //end - var list = $jit.id('id-list'), - button = $jit.id('update'); - //update json on click 'Update Data' - $jit.util.addEvent(button, 'click', function() { - var util = $jit.util; - if(util.hasClass(button, 'gray')) return; - util.removeClass(button, 'white'); - util.addClass(button, 'gray'); - barChart.updateJSON(json2); - }); - //dynamically add legend to list - var legend = barChart.getLegend(), - listItems = []; - for(var name in legend) { - listItems.push('
     
    ' + name); - } - list.innerHTML = '
  • ' + listItems.join('
  • ') + '
    • '; -} diff --git a/app/assets/javascripts/Jit/Examples/ForceDirected/example1.html b/app/assets/javascripts/Jit/Examples/ForceDirected/example1.html deleted file mode 100644 index ffd33da5..00000000 --- a/app/assets/javascripts/Jit/Examples/ForceDirected/example1.html +++ /dev/null @@ -1,59 +0,0 @@ - - - - -ForceDirected - Force Directed Static Graph - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Force Directed Static Graph -

    - - A static JSON Graph structure is used as input for this visualization.

    - You can zoom and pan the visualization by scrolling and dragging.

    - You can change node positions by dragging the nodes around.

    - The clicked node's connections are displayed in a relations list in the right column.

    - The JSON static data is customized to provide different node types, colors and widths. - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/ForceDirected/example2.html b/app/assets/javascripts/Jit/Examples/ForceDirected/example2.html deleted file mode 100644 index d2d7a3f8..00000000 --- a/app/assets/javascripts/Jit/Examples/ForceDirected/example2.html +++ /dev/null @@ -1,61 +0,0 @@ - - - - -ForceDirected - Graph Operations - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Graph Operations -

    - - In this (advanced) example a static graph is fed into the visualization.

    - Custom Animations are triggered when clicking on a node's label or when deleting a node.

    - Click on a node's label to select a node and its connections.

    - Click on the 'x' link to delete a node.

    - You can drag nodes around and zoom and pan, just like you did in the previous - example. - - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/ForceDirected/example2.js b/app/assets/javascripts/Jit/Examples/ForceDirected/example2.js deleted file mode 100644 index 4f99886b..00000000 --- a/app/assets/javascripts/Jit/Examples/ForceDirected/example2.js +++ /dev/null @@ -1,638 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - // init data - var json = [ - { - "adjacencies": [ - { - "nodeTo": "graphnode1", - "nodeFrom": "graphnode0", - "data": {} - }, - { - "nodeTo": "graphnode3", - "nodeFrom": "graphnode0", - "data": {} - }, - { - "nodeTo": "graphnode2", - "nodeFrom": "graphnode0", - "data": {} - }, - { - "nodeTo": "graphnode4", - "nodeFrom": "graphnode0", - "data": {} - }, - { - "nodeTo": "graphnode10", - "nodeFrom": "graphnode0", - "data": {} - }, - { - "nodeTo": "graphnode6", - "nodeFrom": "graphnode0", - "data": {} - }, - { - "nodeTo": "graphnode11", - "nodeFrom": "graphnode0", - "data": {} - }, - { - "nodeTo": "graphnode12", - "nodeFrom": "graphnode0", - "data": {} - }, - { - "nodeTo": "graphnode13", - "nodeFrom": "graphnode0", - "data": {} - }, - { - "nodeTo": "graphnode14", - "nodeFrom": "graphnode0", - "data": {} - }, - { - "nodeTo": "graphnode15", - "nodeFrom": "graphnode0", - "data": {} - }, - { - "nodeTo": "graphnode16", - "nodeFrom": "graphnode0", - "data": {} - }, - { - "nodeTo": "graphnode17", - "nodeFrom": "graphnode0", - "data": {} - } - ], - "data": { - "$color": "#83548B", - "$type": "circle" - }, - "id": "graphnode0", - "name": "graphnode0" - }, - { - "adjacencies": [ - { - "nodeTo": "graphnode2", - "nodeFrom": "graphnode1", - "data": {} - }, - { - "nodeTo": "graphnode3", - "nodeFrom": "graphnode1", - "data": {} - }, - { - "nodeTo": "graphnode4", - "nodeFrom": "graphnode1", - "data": {} - }, - { - "nodeTo": "graphnode5", - "nodeFrom": "graphnode1", - "data": {} - }, - { - "nodeTo": "graphnode6", - "nodeFrom": "graphnode1", - "data": {} - }, - { - "nodeTo": "graphnode7", - "nodeFrom": "graphnode1", - "data": {} - }, - { - "nodeTo": "graphnode8", - "nodeFrom": "graphnode1", - "data": {} - }, - { - "nodeTo": "graphnode9", - "nodeFrom": "graphnode1", - "data": {} - }, - { - "nodeTo": "graphnode10", - "nodeFrom": "graphnode1", - "data": {} - }, - { - "nodeTo": "graphnode11", - "nodeFrom": "graphnode1", - "data": {} - }, - { - "nodeTo": "graphnode12", - "nodeFrom": "graphnode1", - "data": {} - }, - { - "nodeTo": "graphnode13", - "nodeFrom": "graphnode1", - "data": {} - }, - { - "nodeTo": "graphnode14", - "nodeFrom": "graphnode1", - "data": {} - }, - { - "nodeTo": "graphnode15", - "nodeFrom": "graphnode1", - "data": {} - }, - { - "nodeTo": "graphnode16", - "nodeFrom": "graphnode1", - "data": {} - }, - { - "nodeTo": "graphnode17", - "nodeFrom": "graphnode1", - "data": {} - } - ], - "data": { - "$color": "#83548B", - "$type": "star" - }, - "id": "graphnode1", - "name": "graphnode1" - }, - { - "adjacencies": [ - { - "nodeTo": "graphnode3", - "nodeFrom": "graphnode2", - "data": {} - }, - { - "nodeTo": "graphnode5", - "nodeFrom": "graphnode2", - "data": {} - }, - { - "nodeTo": "graphnode9", - "nodeFrom": "graphnode2", - "data": {} - }, - { - "nodeTo": "graphnode18", - "nodeFrom": "graphnode2", - "data": {} - } - ], - "data": { - "$color": "#EBB056", - "$type": "circle" - }, - "id": "graphnode2", - "name": "graphnode2" - }, - { - "adjacencies": [ - { - "nodeTo": "graphnode5", - "nodeFrom": "graphnode3", - "data": {} - }, - { - "nodeTo": "graphnode9", - "nodeFrom": "graphnode3", - "data": {} - }, - { - "nodeTo": "graphnode10", - "nodeFrom": "graphnode3", - "data": {} - }, - { - "nodeTo": "graphnode6", - "nodeFrom": "graphnode3", - "data": {} - }, - { - "nodeTo": "graphnode11", - "nodeFrom": "graphnode3", - "data": {} - }, - { - "nodeTo": "graphnode12", - "nodeFrom": "graphnode3", - "data": {} - } - ], - "data": { - "$color": "#70A35E", - "$type": "triangle" - }, - "id": "graphnode3", - "name": "graphnode3" - }, - { - "adjacencies": [], - "data": { - "$color": "#70A35E", - "$type": "star" - }, - "id": "graphnode4", - "name": "graphnode4" - }, - { - "adjacencies": [ - { - "nodeTo": "graphnode9", - "nodeFrom": "graphnode5", - "data": {} - } - ], - "data": { - "$color": "#416D9C", - "$type": "star" - }, - "id": "graphnode5", - "name": "graphnode5" - }, - { - "adjacencies": [ - { - "nodeTo": "graphnode10", - "nodeFrom": "graphnode6", - "data": {} - }, - { - "nodeTo": "graphnode11", - "nodeFrom": "graphnode6", - "data": {} - } - ], - "data": { - "$color": "#416D9C", - "$type": "star" - }, - "id": "graphnode6", - "name": "graphnode6" - }, - { - "adjacencies": [], - "data": { - "$color": "#416D9C", - "$type": "triangle" - }, - "id": "graphnode7", - "name": "graphnode7" - }, - { - "adjacencies": [], - "data": { - "$color": "#EBB056", - "$type": "star" - }, - "id": "graphnode8", - "name": "graphnode8" - }, - { - "adjacencies": [], - "data": { - "$color": "#70A35E", - "$type": "triangle" - }, - "id": "graphnode9", - "name": "graphnode9" - }, - { - "adjacencies": [ - { - "nodeTo": "graphnode11", - "nodeFrom": "graphnode10", - "data": {} - } - ], - "data": { - "$color": "#83548B", - "$type": "triangle" - }, - "id": "graphnode10", - "name": "graphnode10" - }, - { - "adjacencies": [], - "data": { - "$color": "#416D9C", - "$type": "triangle" - }, - "id": "graphnode11", - "name": "graphnode11" - }, - { - "adjacencies": [], - "data": { - "$color": "#70A35E", - "$type": "square" - }, - "id": "graphnode12", - "name": "graphnode12" - }, - { - "adjacencies": [ - { - "nodeTo": "graphnode14", - "nodeFrom": "graphnode13", - "data": {} - } - ], - "data": { - "$color": "#416D9C", - "$type": "square" - }, - "id": "graphnode13", - "name": "graphnode13" - }, - { - "adjacencies": [], - "data": { - "$color": "#70A35E", - "$type": "square" - }, - "id": "graphnode14", - "name": "graphnode14" - }, - { - "adjacencies": [ - { - "nodeTo": "graphnode16", - "nodeFrom": "graphnode15", - "data": {} - }, - { - "nodeTo": "graphnode17", - "nodeFrom": "graphnode15", - "data": {} - } - ], - "data": { - "$color": "#C74243", - "$type": "circle" - }, - "id": "graphnode15", - "name": "graphnode15" - }, - { - "adjacencies": [ - { - "nodeTo": "graphnode17", - "nodeFrom": "graphnode16", - "data": {} - } - ], - "data": { - "$color": "#EBB056", - "$type": "circle" - }, - "id": "graphnode16", - "name": "graphnode16" - }, - { - "adjacencies": [], - "data": { - "$color": "#83548B", - "$type": "triangle" - }, - "id": "graphnode17", - "name": "graphnode17" - }, - { - "adjacencies": [ - { - "nodeTo": "graphnode19", - "nodeFrom": "graphnode18", - "data": {} - }, - { - "nodeTo": "graphnode20", - "nodeFrom": "graphnode18", - "data": {} - } - ], - "data": { - "$color": "#C74243", - "$type": "circle" - }, - "id": "graphnode18", - "name": "graphnode18" - }, - { - "adjacencies": [], - "data": { - "$color": "#EBB056", - "$type": "star" - }, - "id": "graphnode19", - "name": "graphnode19" - }, - { - "adjacencies": [], - "data": { - "$color": "#416D9C", - "$type": "circle" - }, - "id": "graphnode20", - "name": "graphnode20" - } - ]; - // end - // init ForceDirected - var fd = new $jit.ForceDirected({ - //id of the visualization container - injectInto: 'infovis', - //Enable zooming and panning - //with scrolling and DnD - Navigation: { - enable: true, - //Enable panning events only if we're dragging the empty - //canvas (and not a node). - panning: 'avoid nodes', - zooming: 10 //zoom speed. higher is more sensible - }, - // Change node and edge styles such as - // color and width. - // These properties are also set per node - // with dollar prefixed data-properties in the - // JSON structure. - Node: { - overridable: true, - dim: 7 - }, - Edge: { - overridable: true, - color: '#23A4FF', - lineWidth: 0.4 - }, - // Add node events - Events: { - enable: true, - type: 'Native', - //Change cursor style when hovering a node - onMouseEnter: function() { - fd.canvas.getElement().style.cursor = 'move'; - }, - onMouseLeave: function() { - fd.canvas.getElement().style.cursor = ''; - }, - //Update node positions when dragged - onDragMove: function(node, eventInfo, e) { - var pos = eventInfo.getPos(); - node.pos.setc(pos.x, pos.y); - fd.plot(); - }, - //Implement the same handler for touchscreens - onTouchMove: function(node, eventInfo, e) { - $jit.util.event.stop(e); //stop default touchmove event - this.onDragMove(node, eventInfo, e); - } - }, - //Number of iterations for the FD algorithm - iterations: 200, - //Edge length - levelDistance: 130, - // This method is only triggered - // on label creation and only for DOM labels (not native canvas ones). - onCreateLabel: function(domElement, node){ - // Create a 'name' and 'close' buttons and add them - // to the main node label - var nameContainer = document.createElement('span'), - closeButton = document.createElement('span'), - style = nameContainer.style; - nameContainer.className = 'name'; - nameContainer.innerHTML = node.name; - closeButton.className = 'close'; - closeButton.innerHTML = 'x'; - domElement.appendChild(nameContainer); - domElement.appendChild(closeButton); - style.fontSize = "0.8em"; - style.color = "#ddd"; - //Fade the node and its connections when - //clicking the close button - closeButton.onclick = function() { - node.setData('alpha', 0, 'end'); - node.eachAdjacency(function(adj) { - adj.setData('alpha', 0, 'end'); - }); - fd.fx.animate({ - modes: ['node-property:alpha', - 'edge-property:alpha'], - duration: 500 - }); - }; - //Toggle a node selection when clicking - //its name. This is done by animating some - //node styles like its dimension and the color - //and lineWidth of its adjacencies. - nameContainer.onclick = function() { - //set final styles - fd.graph.eachNode(function(n) { - if(n.id != node.id) delete n.selected; - n.setData('dim', 7, 'end'); - n.eachAdjacency(function(adj) { - adj.setDataset('end', { - lineWidth: 0.4, - color: '#23a4ff' - }); - }); - }); - if(!node.selected) { - node.selected = true; - node.setData('dim', 17, 'end'); - node.eachAdjacency(function(adj) { - adj.setDataset('end', { - lineWidth: 3, - color: '#36acfb' - }); - }); - } else { - delete node.selected; - } - //trigger animation to final styles - fd.fx.animate({ - modes: ['node-property:dim', - 'edge-property:lineWidth:color'], - duration: 500 - }); - // Build the right column relations list. - // This is done by traversing the clicked node connections. - var html = "

    " + node.name + "

    connections:"; - }; - }, - // Change node styles when DOM labels are placed - // or moved. - onPlaceLabel: function(domElement, node){ - var style = domElement.style; - var left = parseInt(style.left); - var top = parseInt(style.top); - var w = domElement.offsetWidth; - style.left = (left - w / 2) + 'px'; - style.top = (top + 10) + 'px'; - style.display = ''; - } - }); - // load JSON data. - fd.loadJSON(json); - // compute positions incrementally and animate. - fd.computeIncremental({ - iter: 40, - property: 'end', - onStep: function(perc){ - Log.write(perc + '% loaded...'); - }, - onComplete: function(){ - Log.write('done'); - fd.animate({ - modes: ['linear'], - transition: $jit.Trans.Elastic.easeOut, - duration: 2500 - }); - } - }); - // end -} diff --git a/app/assets/javascripts/Jit/Examples/Hypertree/example1.html b/app/assets/javascripts/Jit/Examples/Hypertree/example1.html deleted file mode 100644 index 16ee7807..00000000 --- a/app/assets/javascripts/Jit/Examples/Hypertree/example1.html +++ /dev/null @@ -1,57 +0,0 @@ - - - - -Hypertree - Tree Animation - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Tree Animation -

    - - A static JSON Tree structure is used as input for this animation.

    - Clicking on a node should move the tree and center that node.

    - The centered node's children are displayed in a relations list in the right column. - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/Hypertree/example1.js b/app/assets/javascripts/Jit/Examples/Hypertree/example1.js deleted file mode 100644 index 53ff4822..00000000 --- a/app/assets/javascripts/Jit/Examples/Hypertree/example1.js +++ /dev/null @@ -1,431 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - var json = { - "id": "347_0", - "name": "Nine Inch Nails", - "children": [{ - "id": "126510_1", - "name": "Jerome Dillon", - "data": { - "band": "Nine Inch Nails", - "relation": "member of band" - }, - "children": [{ - "id": "52163_2", - "name": "Howlin' Maggie", - "data": { - "band": "Jerome Dillon", - "relation": "member of band" - }, - "children": [] - }, { - "id": "324134_3", - "name": "nearLY", - "data": { - "band": "Jerome Dillon", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "173871_4", - "name": "Charlie Clouser", - "data": { - "band": "Nine Inch Nails", - "relation": "member of band" - }, - "children": [] - }, { - "id": "235952_5", - "name": "James Woolley", - "data": { - "band": "Nine Inch Nails", - "relation": "member of band" - }, - "children": [] - }, { - "id": "235951_6", - "name": "Jeff Ward", - "data": { - "band": "Nine Inch Nails", - "relation": "member of band" - }, - "children": [{ - "id": "2382_7", - "name": "Ministry", - "data": { - "band": "Jeff Ward", - "relation": "member of band" - }, - "children": [] - }, { - "id": "2415_8", - "name": "Revolting Cocks", - "data": { - "band": "Jeff Ward", - "relation": "member of band" - }, - "children": [] - }, { - "id": "3963_9", - "name": "Pigface", - "data": { - "band": "Jeff Ward", - "relation": "member of band" - }, - "children": [] - }, { - "id": "7848_10", - "name": "Lard", - "data": { - "band": "Jeff Ward", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "235950_11", - "name": "Richard Patrick", - "data": { - "band": "Nine Inch Nails", - "relation": "member of band" - }, - "children": [{ - "id": "1007_12", - "name": "Filter", - "data": { - "band": "Richard Patrick", - "relation": "member of band" - }, - "children": [] - }, { - "id": "327924_13", - "name": "Army of Anyone", - "data": { - "band": "Richard Patrick", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "2396_14", - "name": "Trent Reznor", - "data": { - "band": "Nine Inch Nails", - "relation": "member of band" - }, - "children": [{ - "id": "3963_15", - "name": "Pigface", - "data": { - "band": "Trent Reznor", - "relation": "member of band" - }, - "children": [] - }, { - "id": "32247_16", - "name": "1000 Homo DJs", - "data": { - "band": "Trent Reznor", - "relation": "member of band" - }, - "children": [] - }, { - "id": "83761_17", - "name": "Option 30", - "data": { - "band": "Trent Reznor", - "relation": "member of band" - }, - "children": [] - }, { - "id": "133257_18", - "name": "Exotic Birds", - "data": { - "band": "Trent Reznor", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "36352_19", - "name": "Chris Vrenna", - "data": { - "band": "Nine Inch Nails", - "relation": "member of band" - }, - "children": [{ - "id": "1013_20", - "name": "Stabbing Westward", - "data": { - "band": "Chris Vrenna", - "relation": "member of band" - }, - "children": [] - }, { - "id": "3963_21", - "name": "Pigface", - "data": { - "band": "Chris Vrenna", - "relation": "member of band" - }, - "children": [] - }, { - "id": "5752_22", - "name": "Jack Off Jill", - "data": { - "band": "Chris Vrenna", - "relation": "member of band" - }, - "children": [] - }, { - "id": "33602_23", - "name": "Die Warzau", - "data": { - "band": "Chris Vrenna", - "relation": "member of band" - }, - "children": [] - }, { - "id": "40485_24", - "name": "tweaker", - "data": { - "band": "Chris Vrenna", - "relation": "is person" - }, - "children": [] - }, { - "id": "133257_25", - "name": "Exotic Birds", - "data": { - "band": "Chris Vrenna", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "236021_26", - "name": "Aaron North", - "data": { - "band": "Nine Inch Nails", - "relation": "member of band" - }, - "children": [] - }, { - "id": "236024_27", - "name": "Jeordie White", - "data": { - "band": "Nine Inch Nails", - "relation": "member of band" - }, - "children": [{ - "id": "909_28", - "name": "A Perfect Circle", - "data": { - "band": "Jeordie White", - "relation": "member of band" - }, - "children": [] - }, { - "id": "237377_29", - "name": "Twiggy Ramirez", - "data": { - "band": "Jeordie White", - "relation": "is person" - }, - "children": [] - }] - }, { - "id": "235953_30", - "name": "Robin Finck", - "data": { - "band": "Nine Inch Nails", - "relation": "member of band" - }, - "children": [{ - "id": "1440_31", - "name": "Guns N' Roses", - "data": { - "band": "Robin Finck", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "235955_32", - "name": "Danny Lohner", - "data": { - "band": "Nine Inch Nails", - "relation": "member of band" - }, - "children": [{ - "id": "909_33", - "name": "A Perfect Circle", - "data": { - "band": "Danny Lohner", - "relation": "member of band" - }, - "children": [] - }, { - "id": "1695_34", - "name": "Killing Joke", - "data": { - "band": "Danny Lohner", - "relation": "member of band" - }, - "children": [] - }, { - "id": "1938_35", - "name": "Methods of Mayhem", - "data": { - "band": "Danny Lohner", - "relation": "member of band" - }, - "children": [] - }, { - "id": "5138_36", - "name": "Skrew", - "data": { - "band": "Danny Lohner", - "relation": "member of band" - }, - "children": [] - }, { - "id": "53549_37", - "name": "Angkor Wat", - "data": { - "band": "Danny Lohner", - "relation": "member of band" - }, - "children": [] - }, { - "id": "113510_38", - "name": "Puscifer", - "data": { - "band": "Danny Lohner", - "relation": "member of band" - }, - "children": [] - }, { - "id": "113512_39", - "name": "Renhold\u00ebr", - "data": { - "band": "Danny Lohner", - "relation": "is person" - }, - "children": [] - }] - }], - "data": [] - }; - //end - var infovis = document.getElementById('infovis'); - var w = infovis.offsetWidth - 50, h = infovis.offsetHeight - 50; - - //init Hypertree - var ht = new $jit.Hypertree({ - //id of the visualization container - injectInto: 'infovis', - //canvas width and height - width: w, - height: h, - //Change node and edge styles such as - //color, width and dimensions. - Node: { - dim: 9, - color: "#f00" - }, - Edge: { - lineWidth: 2, - color: "#088" - }, - onBeforeCompute: function(node){ - Log.write("centering"); - }, - //Attach event handlers and add text to the - //labels. This method is only triggered on label - //creation - onCreateLabel: function(domElement, node){ - domElement.innerHTML = node.name; - $jit.util.addEvent(domElement, 'click', function () { - ht.onClick(node.id); - }); - }, - //Change node styles when labels are placed - //or moved. - onPlaceLabel: function(domElement, node){ - var style = domElement.style; - style.display = ''; - style.cursor = 'pointer'; - if (node._depth <= 1) { - style.fontSize = "0.8em"; - style.color = "#ddd"; - - } else if(node._depth == 2){ - style.fontSize = "0.7em"; - style.color = "#555"; - - } else { - style.display = 'none'; - } - - var left = parseInt(style.left); - var w = domElement.offsetWidth; - style.left = (left - w / 2) + 'px'; - }, - - onAfterCompute: function(){ - Log.write("done"); - - //Build the right column relations list. - //This is done by collecting the information (stored in the data property) - //for all the nodes adjacent to the centered node. - var node = ht.graph.getClosestNodeToOrigin("current"); - var html = "

    " + node.name + "

    Connections:"; - html += ""; - $jit.id('inner-details').innerHTML = html; - } - }); - //load JSON data. - ht.loadJSON(json); - //compute positions and plot. - ht.refresh(); - //end - ht.controller.onAfterCompute(); -} diff --git a/app/assets/javascripts/Jit/Examples/Hypertree/example2.html b/app/assets/javascripts/Jit/Examples/Hypertree/example2.html deleted file mode 100644 index 4f10b88e..00000000 --- a/app/assets/javascripts/Jit/Examples/Hypertree/example2.html +++ /dev/null @@ -1,58 +0,0 @@ - - - - -Hypertree - Weighted Graph Animation - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Weighted Graph Animation -

    - - A static JSON graph structure is used for this animation.

    - For each JSON node the "$type" and "$dim" parameters set the type of node to be plotted and its dimensions.

    - Line weights are added programmatically, onBeforePlotLine.

    - A Back transition is used instead of the linear transition for the animation. - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/Hypertree/example2.js b/app/assets/javascripts/Jit/Examples/Hypertree/example2.js deleted file mode 100644 index 688ce119..00000000 --- a/app/assets/javascripts/Jit/Examples/Hypertree/example2.js +++ /dev/null @@ -1,315 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - //By defining properties with the dollar sign ($) - //in nodes and edges we can override the global configuration - //properties for nodes and edges. - //In this case we use "$type" and "$dim" properties to override - //the type of the node to be plotted and its dimension. - var json = [{ - "id": "node0", - "name": "node0 name", - "data": { - "$dim": 16.759175934208628, - "some other key": "some other value" - }, - "adjacencies": [{ - "nodeTo": "node1", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node2", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node3", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node4", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node5", - "data": { - "weight": 1 - } - }] - }, { - "id": "node1", - "name": "node1 name", - "data": { - "$dim": 13.077119090372014, - "$type": "square", - "some other key": "some other value" - }, - "adjacencies": [{ - "nodeTo": "node0", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node2", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node3", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node4", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node5", - "data": { - "weight": 1 - } - }] - }, { - "id": "node2", - "name": "node2 name", - "data": { - "$dim": 24.937383149648717, - "$type": "triangle", - "some other key": "some other value" - }, - "adjacencies": [{ - "nodeTo": "node0", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node1", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node3", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node4", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node5", - "data": { - "weight": 1 - } - }] - }, { - "id": "node3", - "name": "node3 name", - "data": { - "$dim": 10.53272740718869, - "some other key": "some other value" - }, - "adjacencies": [{ - "nodeTo": "node0", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node1", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node2", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node4", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node5", - "data": { - "weight": 3 - } - }] - }, { - "id": "node4", - "name": "node4 name", - "data": { - "$dim": 5.3754347037767345, - "$type":"triangle", - "some other key": "some other value" - }, - "adjacencies": [{ - "nodeTo": "node0", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node1", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node2", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node3", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node5", - "data": { - "weight": 3 - } - }] - }, { - "id": "node5", - "name": "node5 name", - "data": { - "$dim": 32.26403873194912, - "$type": "star", - "some other key": "some other value" - }, - "adjacencies": [{ - "nodeTo": "node0", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node1", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node2", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node3", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node4", - "data": { - "weight": 3 - } - }] - }]; - //end - //init Hypertree - var ht = new $jit.Hypertree({ - //id of the visualization container - injectInto: 'infovis', - //By setting overridable=true, - //Node and Edge global properties can be - //overriden for each node/edge. - Node: { - overridable: true, - 'transform': false, - color: "#f00" - }, - - Edge: { - overridable: true, - color: "#088" - }, - //calculate nodes offset - offset: 0.2, - //Change the animation transition type - transition: $jit.Trans.Back.easeOut, - //animation duration (in milliseconds) - duration:1000, - - //This method is called right before plotting an - //edge. This method is useful for adding individual - //styles to edges. - onBeforePlotLine: function(adj){ - //Set random lineWidth for edges. - if (!adj.data.$lineWidth) - adj.data.$lineWidth = Math.random() * 7 + 1; - }, - - onBeforeCompute: function(node){ - Log.write("centering"); - }, - //Attach event handlers on label creation. - onCreateLabel: function(domElement, node){ - domElement.innerHTML = node.name; - domElement.style.cursor = "pointer"; - domElement.onclick = function () { - ht.onClick(node.id, { hideLabels: false }); - }; - }, - //This method is called when moving/placing a label. - //You can add some positioning offsets to the labels here. - onPlaceLabel: function(domElement, node){ - var width = domElement.offsetWidth; - var intX = parseInt(domElement.style.left); - intX -= width / 2; - domElement.style.left = intX + 'px'; - }, - - onAfterCompute: function(){ - Log.write("done"); - - //Make the relations list shown in the right column. - var node = ht.graph.getClosestNodeToOrigin("current"); - var html = "

    " + node.name + "

    Connections:"; - html += ""; - $jit.id('inner-details').innerHTML = html; - } - }); - //load JSON graph. - ht.loadJSON(json, 2); - //compute positions and plot - ht.refresh(); - //end - ht.controller.onBeforeCompute(ht.graph.getNode(ht.root)); - ht.controller.onAfterCompute(); -} diff --git a/app/assets/javascripts/Jit/Examples/Hypertree/example3.html b/app/assets/javascripts/Jit/Examples/Hypertree/example3.html deleted file mode 100644 index a97904c2..00000000 --- a/app/assets/javascripts/Jit/Examples/Hypertree/example3.html +++ /dev/null @@ -1,199 +0,0 @@ - - - - -Hypertree - Graph Operations - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Graph Operations -

    - - You can do the following operations with the Hypertree

    - 1.- Removing subtrees or nodes

    - 2.- Removing edges

    - 3.- Adding another graph, also called sum

    - 4.- Morphing (or transforming) the graph into another one
    - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -

    Global Options

    - - - - - - - - - - - - - - - - - -
    - duration: - - -
    - fps: - - -
    - hide labels: - - -
    - -
    - -

    1.- Remove Nodes

    - - - - - - - - - - -
    - type: - - -
    - - - -
    - -

    2.- Remove Edges

    - - - - - - - - - - -
    - type: - - -
    - - - -
    - -

    3.- Add Graph (Sum)

    - - - - - - - - - - -
    - type: - - -
    - - - -
    - -

    4.- Morph

    - - - - - - - - - - -
    - type: - - -
    - - - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/Hypertree/example3.js b/app/assets/javascripts/Jit/Examples/Hypertree/example3.js deleted file mode 100644 index f90c686c..00000000 --- a/app/assets/javascripts/Jit/Examples/Hypertree/example3.js +++ /dev/null @@ -1,625 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - var json = { - "id": "190_0", - "name": "Pearl Jam", - "children": [{ - "id": "306208_1", - "name": "Pearl Jam & Cypress Hill", - "data": { - "band": "Pearl Jam", - "relation": "collaboration" - }, - "children": [{ - "id": "84_2", - "name": "Cypress Hill", - "data": { - "band": "Pearl Jam & Cypress Hill", - "relation": "collaboration" - }, - "children": [] - }] - }, { - "id": "107877_3", - "name": "Neil Young & Pearl Jam", - "data": { - "band": "Pearl Jam", - "relation": "collaboration" - }, - "children": [{ - "id": "964_4", - "name": "Neil Young", - "data": { - "band": "Neil Young & Pearl Jam", - "relation": "collaboration" - }, - "children": [] - }] - }, { - "id": "236797_5", - "name": "Jeff Ament", - "data": { - "band": "Pearl Jam", - "relation": "member of band" - }, - "children": [{ - "id": "1756_6", - "name": "Temple of the Dog", - "data": { - "band": "Jeff Ament", - "relation": "member of band" - }, - "children": [] - }, { - "id": "14581_7", - "name": "Mother Love Bone", - "data": { - "band": "Jeff Ament", - "relation": "member of band" - }, - "children": [] - }, { - "id": "50188_8", - "name": "Green River", - "data": { - "band": "Jeff Ament", - "relation": "member of band" - }, - "children": [] - }, { - "id": "65452_9", - "name": "M.A.C.C.", - "data": { - "band": "Jeff Ament", - "relation": "collaboration" - }, - "children": [] - }, { - "id": "115632_10", - "name": "Three Fish", - "data": { - "band": "Jeff Ament", - "relation": "member of band" - }, - "children": [] - }, { - "id": "346850_11", - "name": "Gossman Project", - "data": { - "band": "Jeff Ament", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "41529_12", - "name": "Stone Gossard", - "data": { - "band": "Pearl Jam", - "relation": "member of band" - }, - "children": [{ - "id": "1756_13", - "name": "Temple of the Dog", - "data": { - "band": "Stone Gossard", - "relation": "member of band" - }, - "children": [] - }, { - "id": "14581_14", - "name": "Mother Love Bone", - "data": { - "band": "Stone Gossard", - "relation": "member of band" - }, - "children": [] - }, { - "id": "24119_15", - "name": "Brad", - "data": { - "band": "Stone Gossard", - "relation": "member of band" - }, - "children": [] - }, { - "id": "50188_16", - "name": "Green River", - "data": { - "band": "Stone Gossard", - "relation": "member of band" - }, - "children": [] - }, { - "id": "346850_17", - "name": "Gossman Project", - "data": { - "band": "Stone Gossard", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "131161_18", - "name": "Eddie Vedder", - "data": { - "band": "Pearl Jam", - "relation": "member of band" - }, - "children": [{ - "id": "1756_19", - "name": "Temple of the Dog", - "data": { - "band": "Eddie Vedder", - "relation": "member of band" - }, - "children": [] - }, { - "id": "72007_20", - "name": "Eddie Vedder & Zeke", - "data": { - "band": "Eddie Vedder", - "relation": "collaboration" - }, - "children": [] - }, { - "id": "236657_21", - "name": "Bad Radio", - "data": { - "band": "Eddie Vedder", - "relation": "member of band" - }, - "children": [] - }, { - "id": "432176_22", - "name": "Beck & Eddie Vedder", - "data": { - "band": "Eddie Vedder", - "relation": "collaboration" - }, - "children": [] - }] - }, { - "id": "236583_23", - "name": "Mike McCready", - "data": { - "band": "Pearl Jam", - "relation": "member of band" - }, - "children": [{ - "id": "1744_24", - "name": "Mad Season", - "data": { - "band": "Mike McCready", - "relation": "member of band" - }, - "children": [] - }, { - "id": "1756_25", - "name": "Temple of the Dog", - "data": { - "band": "Mike McCready", - "relation": "member of band" - }, - "children": [] - }, { - "id": "43661_26", - "name": "$10,000 Gold Chain", - "data": { - "band": "Mike McCready", - "relation": "collaboration" - }, - "children": [] - }, { - "id": "65452_27", - "name": "M.A.C.C.", - "data": { - "band": "Mike McCready", - "relation": "collaboration" - }, - "children": [] - }, { - "id": "153766_28", - "name": "The Rockfords", - "data": { - "band": "Mike McCready", - "relation": "member of band" - }, - "children": [] - }, { - "id": "346850_29", - "name": "Gossman Project", - "data": { - "band": "Mike McCready", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "236585_30", - "name": "Matt Cameron", - "data": { - "band": "Pearl Jam", - "relation": "member of band" - }, - "children": [{ - "id": "1111_31", - "name": "Soundgarden", - "data": { - "band": "Matt Cameron", - "relation": "member of band" - }, - "children": [] - }, { - "id": "1756_32", - "name": "Temple of the Dog", - "data": { - "band": "Matt Cameron", - "relation": "member of band" - }, - "children": [] - }, { - "id": "9570_33", - "name": "Eleven", - "data": { - "band": "Matt Cameron", - "relation": "supporting musician" - }, - "children": [] - }, { - "id": "11783_34", - "name": "Queens of the Stone Age", - "data": { - "band": "Matt Cameron", - "relation": "member of band" - }, - "children": [] - }, { - "id": "61972_35", - "name": "Wellwater Conspiracy", - "data": { - "band": "Matt Cameron", - "relation": "member of band" - }, - "children": [] - }, { - "id": "65452_36", - "name": "M.A.C.C.", - "data": { - "band": "Matt Cameron", - "relation": "collaboration" - }, - "children": [] - }, { - "id": "353097_37", - "name": "Tone Dogs", - "data": { - "band": "Matt Cameron", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "236594_38", - "name": "Dave Krusen", - "data": { - "band": "Pearl Jam", - "relation": "member of band" - }, - "children": [{ - "id": "2092_39", - "name": "Candlebox", - "data": { - "band": "Dave Krusen", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "236022_40", - "name": "Matt Chamberlain", - "data": { - "band": "Pearl Jam", - "relation": "member of band" - }, - "children": [{ - "id": "54761_41", - "name": "Critters Buggin", - "data": { - "band": "Matt Chamberlain", - "relation": "member of band" - }, - "children": [] - }, { - "id": "92043_42", - "name": "Edie Brickell and New Bohemians", - "data": { - "band": "Matt Chamberlain", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "236611_43", - "name": "Dave Abbruzzese", - "data": { - "band": "Pearl Jam", - "relation": "member of band" - }, - "children": [{ - "id": "276933_44", - "name": "Green Romance Orchestra", - "data": { - "band": "Dave Abbruzzese", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "236612_45", - "name": "Jack Irons", - "data": { - "band": "Pearl Jam", - "relation": "member of band" - }, - "children": [{ - "id": "4619_46", - "name": "Redd Kross", - "data": { - "band": "Jack Irons", - "relation": "member of band" - }, - "children": [] - }, { - "id": "9570_47", - "name": "Eleven", - "data": { - "band": "Jack Irons", - "relation": "member of band" - }, - "children": [] - }, { - "id": "12389_48", - "name": "Red Hot Chili Peppers", - "data": { - "band": "Jack Irons", - "relation": "member of band" - }, - "children": [] - }, { - "id": "114288_49", - "name": "Anthym", - "data": { - "band": "Jack Irons", - "relation": "member of band" - }, - "children": [] - }, { - "id": "240013_50", - "name": "What Is This?", - "data": { - "band": "Jack Irons", - "relation": "member of band" - }, - "children": [] - }] - }], - "data": [] - }; - - var graph = '[{id:"190_0", adjacencies:["node0"]}, {id:"node0", name:"node0 name", data:{$dim:8.660354683365695, "some other key":"some other value"}, adjacencies:["node1", "node2", "node3", "node4", "node5"]}, {id:"node1", name:"node1 name", data:{$dim:21.118129724156983, "some other key":"some other value"}, adjacencies:["node0", "node2", "node3", "node4", "node5"]}, {id:"node2", name:"node2 name", data:{$dim:6.688951018413683, "some other key":"some other value"}, adjacencies:["node0", "node1", "node3", "node4", "node5"]}, {id:"node3", name:"node3 name", data:{$dim:19.78771599710248, "some other key":"some other value"}, adjacencies:["node0", "node1", "node2", "node4", "node5"]}, {id:"node4", name:"node4 name", data:{$dim:3.025781742947326, "some other key":"some other value"}, adjacencies:["node0", "node1", "node2", "node3", "node5"]}, {id:"node5", name:"node5 name", data:{$dim:9.654383829711456, "some other key":"some other value"}, adjacencies:["node0", "node1", "node2", "node3", "node4"]}, {id:"4619_46", adjacencies:["190_0"]}, {id:"236585_30", adjacencies:["190_0"]}, {id:"131161_18", adjacencies:["190_0"]}, {id:"41529_12", adjacencies:["190_0"]}]'; - //end - - var infovis = document.getElementById('infovis'); - var w = infovis.offsetWidth - 50, h = infovis.offsetHeight - 50; - - //init Hypertree - var ht = new $jit.Hypertree({ - //id of the visualization container - injectInto: 'infovis', - //canvas width and height - width: w, - height: h, - //Change Node and Edge styles and colors. - Node: { - dim: 9, - color: "#f00", - overridable: true - }, - - Edge: { - lineWidth: 2, - color: "#088", - overridable: true - }, - - onBeforeCompute: function(node){ - Log.write("centering"); - }, - //Add the node's name to its corresponding label. - //This method is only called on label creation. - onCreateLabel: function(domElement, node){ - domElement.innerHTML = node.name; - }, - - //Ths method is called when moving/placing a label. - //Add label styles based on their position. - onPlaceLabel: function(domElement, node){ - var style = domElement.style; - style.display = ''; - if (node._depth <= 1) { - style.fontSize = "0.8em"; - style.color = "#ddd"; - - } else if(node._depth == 2){ - style.fontSize = "0.7em"; - style.color = "#555"; - - } else { - style.display = 'none'; - } - - var left = parseInt(style.left); - var w = domElement.offsetWidth; - style.left = (left - w / 2) + 'px'; - }, - - onAfterCompute: function(){ - Log.write("done"); - } - }); - - //load JSON data. - ht.loadJSON(json); - - //Add some edges to transform the - //tree into a graph (just for fun). - ht.graph.addAdjacence({ - 'id': '236585_30' - }, { - 'id': '236583_23' - }, null); - ht.graph.addAdjacence({ - 'id': '236585_30' - }, { - 'id': '4619_46' - }, null); - - //Compute positions and plot. - ht.refresh(); - //end - - //Global Options - //Define a function that returns the selected duration - function getDuration() { - var sduration = document.getElementById('select-duration'); - var sdindex = sduration.selectedIndex; - return parseInt(sduration.options[sdindex].text); - }; - //Define a function that returns the selected fps - function getFPS() { - var fpstype = document.getElementById('select-fps'); - var fpsindex = fpstype.selectedIndex; - return parseInt(fpstype.options[fpsindex].text); - }; - //Define a function that returns whether you have to - //hide labels during the animation or not. - function hideLabels() { - return document.getElementById('hide-labels').checked; - }; - - //init handlers - //Add event handlers to the right column controls. - - //Remove Nodes - var button = $jit.id('remove-nodes'); - button.onclick = function() { - //get animation type. - var stype = $jit.id('select-type-remove-nodes'); - var sindex = stype.selectedIndex; - var type = stype.options[sindex].text; - //get node ids to be removed. - var n = ht.graph.getNode('236797_5'); - if(!n) return; - var subnodes = n.getSubnodes(0); - var map = []; - for (var i = 0; i < subnodes.length; i++) { - map.push(subnodes[i].id); - } - //perform node-removing animation. - ht.op.removeNode(map.reverse(), { - type: type, - duration: getDuration(), - fps: getFPS(), - hideLabels:hideLabels() - }); - }; - - //Remove edges - button = $jit.id('remove-edges'); - button.onclick = function() { - //get animation type. - var stype = $jit.id('select-type-remove-edges'); - var sindex = stype.selectedIndex; - var type = stype.options[sindex].text; - //perform edge removing animation. - ht.op.removeEdge([['236585_30', "190_0"], ['236585_30', '4619_46']], { - type: type, - duration: getDuration(), - fps: getFPS(), - hideLabels: hideLabels() - }); - }; - - //Add a Graph (Sum) - button = $jit.id('sum'); - button.onclick = function(){ - //create json graph to add. - var trueGraph = eval('(' + graph + ')'); - //get animation type. - var stype = $jit.id('select-type-sum'); - var sindex = stype.selectedIndex; - var type = stype.options[sindex].text; - //perform sum animation. - ht.op.sum(trueGraph, { - type: type, - fps: getFPS(), - duration: getDuration(), - hideLabels: hideLabels(), - onComplete: function(){ - Log.write("sum complete!"); - } - }); - }; - - //Morph - button = $jit.id('morph'); - button.onclick = function(){ - //create json graph to morph to. - var trueGraph = eval('(' + graph + ')'); - //get animation type. - var stype = $jit.id('select-type-morph'); - var sindex = stype.selectedIndex; - var type = stype.options[sindex].text; - //perform morphing animation. - ht.op.morph(trueGraph, { - type: type, - fps: getFPS(), - duration: getDuration(), - hideLabels: hideLabels(), - onComplete: function(){ - Log.write("morph complete!"); - } - }); - }; - //end -} - diff --git a/app/assets/javascripts/Jit/Examples/Icicle/example1.html b/app/assets/javascripts/Jit/Examples/Icicle/example1.html deleted file mode 100644 index fbeecfb3..00000000 --- a/app/assets/javascripts/Jit/Examples/Icicle/example1.html +++ /dev/null @@ -1,82 +0,0 @@ - - - - -Icicle - Icicle Tree with static JSON data - - - - - - - - - - - - - - - -
    - -
    - -
    - -

    - Icicle Tree with static JSON data -

    - -

    Some static JSON tree data is fed to this visualization.

    -

    - Left click to set a node as root for the visualization. -

    -

    - Right click to set the parent node as root for the visualization. -

    - - -
    - - -
    -
    - - -
    -
    -
    - -Go to Parent - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/Icicle/example1.js b/app/assets/javascripts/Jit/Examples/Icicle/example1.js deleted file mode 100644 index 75a35715..00000000 --- a/app/assets/javascripts/Jit/Examples/Icicle/example1.js +++ /dev/null @@ -1,3497 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -var icicle; - -function init(){ - //left panel controls - controls(); - - // init data - var json = { - "id": "node02", - "name": "0.2", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#001eff" - }, - "children": [ - { - "id": "node13", - "name": "1.3", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#9554ff" - }, - "children": [ - { - "id": "node24", - "name": "2.4", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ee6aff" - }, - "children": [ - { - "id": "node35", - "name": "3.5", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff0ca2" - }, - "children": [ - { - "id": "node46", - "name": "4.6", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff5c6f" - } - - }, { - "id": "node47", - "name": "4.7", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7b8a" - } - - }, { - "id": "node48", - "name": "4.8", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7b8a" - } - - }, { - "id": "node49", - "name": "4.9", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7787" - } - - }, { - "id": "node410", - "name": "4.10", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff5468" - } - - }, { - "id": "node411", - "name": "4.11", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff6173" - } - - } - ] - }, { - "id": "node312", - "name": "3.12", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff74ca" - }, - "children": [ - { - "id": "node413", - "name": "4.13", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff4056" - } - - }, { - "id": "node414", - "name": "4.14", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7383" - } - - }, { - "id": "node415", - "name": "4.15", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff4d61" - } - - } - ] - } - ] - }, { - "id": "node216", - "name": "2.16", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ea47ff" - }, - "children": [ - { - "id": "node317", - "name": "3.17", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff55be" - }, - "children": [ - { - "id": "node418", - "name": "4.18", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff3048" - } - }, { - "id": "node419", - "name": "4.19", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff5064" - } - } - ] - }, { - "id": "node320", - "name": "3.20", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff5ac0" - }, - "children": [ - { - "id": "node421", - "name": "4.21", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff697b" - } - }, { - "id": "node422", - "name": "4.22", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff4e62" - } - }, { - "id": "node423", - "name": "4.23", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff6f80" - } - }, { - "id": "node424", - "name": "4.24", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff596c" - } - } - ] - }, { - "id": "node325", - "name": "3.25", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff5ec1" - }, - "children": [ - { - "id": "node426", - "name": "4.26", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff203a" - } - }, { - "id": "node427", - "name": "4.27", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff6072" - } - } - ] - }, { - "id": "node328", - "name": "3.28", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff71c9" - }, - "children": [ - { - "id": "node429", - "name": "4.29", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff4d61" - } - }, { - "id": "node430", - "name": "4.30", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff6f7f" - } - }, { - "id": "node431", - "name": "4.31", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff445a" - } - } - ] - } - ] - }, { - "id": "node232", - "name": "2.32", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ea4eff" - }, - "children": [ - { - "id": "node333", - "name": "3.33", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff78cb" - }, - "children": [ - { - "id": "node434", - "name": "4.34", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff0d29" - } - }, { - "id": "node435", - "name": "4.35", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7383" - } - } - ] - }, { - "id": "node336", - "name": "3.36", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff5cc0" - }, - "children": [ - { - "id": "node437", - "name": "4.37", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7686" - } - }, { - "id": "node438", - "name": "4.38", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff5b6e" - } - }, { - "id": "node439", - "name": "4.39", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff576a" - } - }, { - "id": "node440", - "name": "4.40", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff7282" - } - }, { - "id": "node441", - "name": "4.41", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff6476" - } - } - ] - }, { - "id": "node342", - "name": "3.42", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff68c5" - }, - "children": [ - { - "id": "node443", - "name": "4.43", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7b8a" - } - }, { - "id": "node444", - "name": "4.44", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7b8a" - } - }, { - "id": "node445", - "name": "4.45", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7686" - } - }, { - "id": "node446", - "name": "4.46", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff586c" - } - }, { - "id": "node447", - "name": "4.47", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff6779" - } - }, { - "id": "node448", - "name": "4.48", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff5367" - } - } - ] - }, { - "id": "node349", - "name": "3.49", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff64c3" - }, - "children": [ - { - "id": "node450", - "name": "4.50", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff4056" - } - }, { - "id": "node451", - "name": "4.51", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff6375" - } - }, { - "id": "node452", - "name": "4.52", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff5c6f" - } - } - ] - }, { - "id": "node353", - "name": "3.53", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff70c8" - }, - "children": [ - { - "id": "node454", - "name": "4.54", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff7484" - } - }, { - "id": "node455", - "name": "4.55", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff6d7e" - } - }, { - "id": "node456", - "name": "4.56", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff6577" - } - }, { - "id": "node457", - "name": "4.57", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff697b" - } - }, { - "id": "node458", - "name": "4.58", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff6d7e" - } - }, { - "id": "node459", - "name": "4.59", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff6274" - } - } - ] - }, { - "id": "node360", - "name": "3.60", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff70c8" - }, - "children": [ - { - "id": "node461", - "name": "4.61", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7b8a" - } - }, { - "id": "node462", - "name": "4.62", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7b8a" - } - }, { - "id": "node463", - "name": "4.63", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7686" - } - }, { - "id": "node464", - "name": "4.64", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff7181" - } - }, { - "id": "node465", - "name": "4.65", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff4e63" - } - }, { - "id": "node466", - "name": "4.66", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff5367" - } - } - ] - } - ] - } - ] - }, { - "id": "node167", - "name": "1.67", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#a872ff" - }, - "children": [ - { - "id": "node268", - "name": "2.68", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ef72ff" - }, - "children": [ - { - "id": "node369", - "name": "3.69", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff6ec7" - }, - "children": [ - { - "id": "node470", - "name": "4.70", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff596d" - } - }, { - "id": "node471", - "name": "4.71", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7383" - } - }, { - "id": "node472", - "name": "4.72", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7383" - } - }, { - "id": "node473", - "name": "4.73", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff6678" - } - }, { - "id": "node474", - "name": "4.74", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff596d" - } - } - ] - }, { - "id": "node375", - "name": "3.75", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff46b8" - }, - "children": [ - { - "id": "node476", - "name": "4.76", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff6274" - } - }, { - "id": "node477", - "name": "4.77", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff5569" - } - }, { - "id": "node478", - "name": "4.78", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff6f7f" - } - }, { - "id": "node479", - "name": "4.79", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff7383" - } - }, { - "id": "node480", - "name": "4.80", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff6678" - } - } - ] - }, { - "id": "node381", - "name": "3.81", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff5dc1" - }, - "children": [ - { - "id": "node482", - "name": "4.82", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff6375" - } - }, { - "id": "node483", - "name": "4.83", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff6779" - } - }, { - "id": "node484", - "name": "4.84", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff5a6e" - } - }, { - "id": "node485", - "name": "4.85", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff5a6e" - } - } - ] - }, { - "id": "node386", - "name": "3.86", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7acc" - }, - "children": [ - { - "id": "node487", - "name": "4.87", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff6375" - } - }, { - "id": "node488", - "name": "4.88", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff6b7c" - } - }, { - "id": "node489", - "name": "4.89", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff566a" - } - }, { - "id": "node490", - "name": "4.90", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff5a6e" - } - } - ] - }, { - "id": "node391", - "name": "3.91", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff74ca" - }, - "children": [ - { - "id": "node492", - "name": "4.92", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7989" - } - }, { - "id": "node493", - "name": "4.93", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff5b6e" - } - }, { - "id": "node494", - "name": "4.94", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7989" - } - }, { - "id": "node495", - "name": "4.95", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff495e" - } - }, { - "id": "node496", - "name": "4.96", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff6779" - } - } - ] - } - ] - }, { - "id": "node297", - "name": "2.97", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ef72ff" - }, - "children": [ - { - "id": "node398", - "name": "3.98", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff40b6" - }, - "children": [ - { - "id": "node499", - "name": "4.99", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff5c6f" - } - }, { - "id": "node4100", - "name": "4.100", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7888" - } - }, { - "id": "node4101", - "name": "4.101", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff5569" - } - }, { - "id": "node4102", - "name": "4.102", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff5569" - } - } - ] - }, { - "id": "node3103", - "name": "3.103", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff53bd" - }, - "children": [ - { - "id": "node4104", - "name": "4.104", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff6476" - } - }, { - "id": "node4105", - "name": "4.105", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff697b" - } - }, { - "id": "node4106", - "name": "4.106", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff6476" - } - }, { - "id": "node4107", - "name": "4.107", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff6476" - } - }, { - "id": "node4108", - "name": "4.108", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff697b" - } - } - ] - }, { - "id": "node3109", - "name": "3.109", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff6cc7" - }, - "children": [ - { - "id": "node4110", - "name": "4.110", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff7585" - } - }, { - "id": "node4111", - "name": "4.111", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff6778" - } - }, { - "id": "node4112", - "name": "4.112", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff6a7c" - } - }, { - "id": "node4113", - "name": "4.113", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff6072" - } - }, { - "id": "node4114", - "name": "4.114", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff6778" - } - }, { - "id": "node4115", - "name": "4.115", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff7182" - } - } - ] - } - ] - }, { - "id": "node2116", - "name": "2.116", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ec60ff" - }, - "children": [ - { - "id": "node3117", - "name": "3.117", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff62c3" - }, - "children": [ - { - "id": "node4118", - "name": "4.118", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff6577" - } - }, { - "id": "node4119", - "name": "4.119", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff7686" - } - }, { - "id": "node4120", - "name": "4.120", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff6274" - } - }, { - "id": "node4121", - "name": "4.121", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff6577" - } - }, { - "id": "node4122", - "name": "4.122", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7989" - } - }, { - "id": "node4123", - "name": "4.123", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff6274" - } - } - ] - }, { - "id": "node3124", - "name": "3.124", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff58bf" - }, - "children": [ - { - "id": "node4125", - "name": "4.125", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff4056" - } - }, { - "id": "node4126", - "name": "4.126", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff596d" - } - }, { - "id": "node4127", - "name": "4.127", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff6c7d" - } - }, { - "id": "node4128", - "name": "4.128", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7989" - } - } - ] - }, { - "id": "node3129", - "name": "3.129", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff45b8" - }, - "children": [ - { - "id": "node4130", - "name": "4.130", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff5367" - } - }, { - "id": "node4131", - "name": "4.131", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff6476" - } - }, { - "id": "node4132", - "name": "4.132", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7485" - } - }, { - "id": "node4133", - "name": "4.133", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7485" - } - }, { - "id": "node4134", - "name": "4.134", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff6f80" - } - }, { - "id": "node4135", - "name": "4.135", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff6f80" - } - } - ] - } - ] - }, { - "id": "node2136", - "name": "2.136", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ef76ff" - }, - "children": [ - { - "id": "node3137", - "name": "3.137", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff67c5" - }, - "children": [ - { - "id": "node4138", - "name": "4.138", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff5569" - } - }, { - "id": "node4139", - "name": "4.139", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff475c" - } - }, { - "id": "node4140", - "name": "4.140", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff6375" - } - } - ] - }, { - "id": "node3141", - "name": "3.141", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff5bc0" - }, - "children": [ - { - "id": "node4142", - "name": "4.142", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff6072" - } - }, { - "id": "node4143", - "name": "4.143", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff7080" - } - }, { - "id": "node4144", - "name": "4.144", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7c8b" - } - }, { - "id": "node4145", - "name": "4.145", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff586b" - } - }, { - "id": "node4146", - "name": "4.146", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff5c6f" - } - } - ] - }, { - "id": "node3147", - "name": "3.147", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff79cc" - }, - "children": [ - { - "id": "node4148", - "name": "4.148", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff687a" - } - }, { - "id": "node4149", - "name": "4.149", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff576b" - } - }, { - "id": "node4150", - "name": "4.150", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff6375" - } - }, { - "id": "node4151", - "name": "4.151", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff6e7f" - } - }, { - "id": "node4152", - "name": "4.152", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff6e7f" - } - } - ] - }, { - "id": "node3153", - "name": "3.153", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff79cc" - }, - "children": [ - { - "id": "node4154", - "name": "4.154", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff6f7f" - } - }, { - "id": "node4155", - "name": "4.155", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff5e70" - } - }, { - "id": "node4156", - "name": "4.156", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7787" - } - }, { - "id": "node4157", - "name": "4.157", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff3b52" - } - } - ] - }, { - "id": "node3158", - "name": "3.158", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff49b9" - }, - "children": [ - { - "id": "node4159", - "name": "4.159", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7b8a" - } - }, { - "id": "node4160", - "name": "4.160", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7686" - } - }, { - "id": "node4161", - "name": "4.161", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff6d7e" - } - }, { - "id": "node4162", - "name": "4.162", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7686" - } - }, { - "id": "node4163", - "name": "4.163", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff576a" - } - }, { - "id": "node4164", - "name": "4.164", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff5266" - } - } - ] - } - ] - }, { - "id": "node2165", - "name": "2.165", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ef72ff" - }, - "children": [ - { - "id": "node3166", - "name": "3.166", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff73c9" - }, - "children": [ - { - "id": "node4167", - "name": "4.167", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff243e" - } - }, { - "id": "node4168", - "name": "4.168", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff5b6e" - } - } - ] - }, { - "id": "node3169", - "name": "3.169", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff66c4" - }, - "children": [ - { - "id": "node4170", - "name": "4.170", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff6d7e" - } - }, { - "id": "node4171", - "name": "4.171", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff6072" - } - }, { - "id": "node4172", - "name": "4.172", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff6072" - } - }, { - "id": "node4173", - "name": "4.173", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff5266" - } - } - ] - }, { - "id": "node3174", - "name": "3.174", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff59bf" - }, - "children": [ - { - "id": "node4175", - "name": "4.175", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff6a7c" - } - }, { - "id": "node4176", - "name": "4.176", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff1531" - } - } - ] - }, { - "id": "node3177", - "name": "3.177", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff73c9" - }, - "children": [ - { - "id": "node4178", - "name": "4.178", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff2b43" - } - }, { - "id": "node4179", - "name": "4.179", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7787" - } - }, { - "id": "node4180", - "name": "4.180", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff5e70" - } - } - ] - }, { - "id": "node3181", - "name": "3.181", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff6cc7" - }, - "children": [ - { - "id": "node4182", - "name": "4.182", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff6072" - } - }, { - "id": "node4183", - "name": "4.183", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff203a" - } - } - ] - }, { - "id": "node3184", - "name": "3.184", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff6cc7" - }, - "children": [ - { - "id": "node4185", - "name": "4.185", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7080" - } - }, { - "id": "node4186", - "name": "4.186", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff6072" - } - }, { - "id": "node4187", - "name": "4.187", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff3048" - } - } - ] - } - ] - }, { - "id": "node2188", - "name": "2.188", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#eb52ff" - }, - "children": [ - { - "id": "node3189", - "name": "3.189", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff17a6" - }, - "children": [ - { - "id": "node4190", - "name": "4.190", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff5e70" - } - }, { - "id": "node4191", - "name": "4.191", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7787" - } - }, { - "id": "node4192", - "name": "4.192", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff5e70" - } - }, { - "id": "node4193", - "name": "4.193", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff6f7f" - } - }, { - "id": "node4194", - "name": "4.194", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff5e70" - } - } - ] - }, { - "id": "node3195", - "name": "3.195", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff68c5" - }, - "children": [ - { - "id": "node4196", - "name": "4.196", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff5e70" - } - }, { - "id": "node4197", - "name": "4.197", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7787" - } - }, { - "id": "node4198", - "name": "4.198", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff6f7f" - } - }, { - "id": "node4199", - "name": "4.199", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff3b52" - } - } - ] - } - ] - } - ] - }, { - "id": "node1200", - "name": "1.200", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#9d61ff" - }, - "children": [ - { - "id": "node2201", - "name": "2.201", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ed66ff" - }, - "children": [ - { - "id": "node3202", - "name": "3.202", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff66c4" - }, - "children": [ - { - "id": "node4203", - "name": "4.203", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff4a5f" - } - }, { - "id": "node4204", - "name": "4.204", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff354d" - } - } - ] - }, { - "id": "node3205", - "name": "3.205", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff59bf" - }, - "children": [ - { - "id": "node4206", - "name": "4.206", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff6678" - } - }, { - "id": "node4207", - "name": "4.207", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff6375" - } - }, { - "id": "node4208", - "name": "4.208", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff6375" - } - }, { - "id": "node4209", - "name": "4.209", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff6f7f" - } - }, { - "id": "node4210", - "name": "4.210", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff6375" - } - } - ] - }, { - "id": "node3211", - "name": "3.211", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7bcc" - }, - "children": [ - { - "id": "node4212", - "name": "4.212", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff6476" - } - }, { - "id": "node4213", - "name": "4.213", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7c8b" - } - }, { - "id": "node4214", - "name": "4.214", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff6173" - } - }, { - "id": "node4215", - "name": "4.215", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7c8b" - } - }, { - "id": "node4216", - "name": "4.216", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff5d70" - } - }, { - "id": "node4217", - "name": "4.217", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff6476" - } - } - ] - }, { - "id": "node3218", - "name": "3.218", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff6fc8" - }, - "children": [ - { - "id": "node4219", - "name": "4.219", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff4d61" - } - }, { - "id": "node4220", - "name": "4.220", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff334b" - } - } - ] - }, { - "id": "node3221", - "name": "3.221", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff59bf" - }, - "children": [ - { - "id": "node4222", - "name": "4.222", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff485d" - } - }, { - "id": "node4223", - "name": "4.223", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff384f" - } - } - ] - }, { - "id": "node3224", - "name": "3.224", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7bcc" - }, - "children": [ - { - "id": "node4225", - "name": "4.225", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff384f" - } - }, { - "id": "node4226", - "name": "4.226", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff485d" - } - } - ] - } - ] - }, { - "id": "node2227", - "name": "2.227", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ec60ff" - }, - "children": [ - { - "id": "node3228", - "name": "3.228", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7ccd" - }, - "children": [ - { - "id": "node4229", - "name": "4.229", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7484" - } - }, { - "id": "node4230", - "name": "4.230", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff465b" - } - }, { - "id": "node4231", - "name": "4.231", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff687a" - } - }, { - "id": "node4232", - "name": "4.232", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff5d70" - } - } - ] - }, { - "id": "node3233", - "name": "3.233", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff5dc1" - }, - "children": [ - { - "id": "node4234", - "name": "4.234", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff576a" - } - }, { - "id": "node4235", - "name": "4.235", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff5266" - } - }, { - "id": "node4236", - "name": "4.236", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff7081" - } - }, { - "id": "node4237", - "name": "4.237", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff6678" - } - } - ] - }, { - "id": "node3238", - "name": "3.238", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff64c4" - }, - "children": [ - { - "id": "node4239", - "name": "4.239", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff5367" - } - }, { - "id": "node4240", - "name": "4.240", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff596c" - } - }, { - "id": "node4241", - "name": "4.241", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff5367" - } - } - ] - }, { - "id": "node3242", - "name": "3.242", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff5dc1" - }, - "children": [ - { - "id": "node4243", - "name": "4.243", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff5569" - } - }, { - "id": "node4244", - "name": "4.244", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7182" - } - }, { - "id": "node4245", - "name": "4.245", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7182" - } - }, { - "id": "node4246", - "name": "4.246", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff475c" - } - } - ] - }, { - "id": "node3247", - "name": "3.247", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff64c4" - }, - "children": [ - { - "id": "node4248", - "name": "4.248", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff6a7c" - } - }, { - "id": "node4249", - "name": "4.249", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff4a5f" - } - }, { - "id": "node4250", - "name": "4.250", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff4a5f" - } - } - ] - } - ] - }, { - "id": "node2251", - "name": "2.251", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ef79ff" - }, - "children": [ - { - "id": "node3252", - "name": "3.252", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff26ac" - }, - "children": [ - { - "id": "node4253", - "name": "4.253", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff586b" - } - }, { - "id": "node4254", - "name": "4.254", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7b8a" - } - }, { - "id": "node4255", - "name": "4.255", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff5c6f" - } - }, { - "id": "node4256", - "name": "4.256", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff7283" - } - }, { - "id": "node4257", - "name": "4.257", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff6577" - } - }, { - "id": "node4258", - "name": "4.258", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7787" - } - } - ] - }, { - "id": "node3259", - "name": "3.259", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff59bf" - }, - "children": [ - { - "id": "node4260", - "name": "4.260", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff6a7c" - } - }, { - "id": "node4261", - "name": "4.261", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7787" - } - }, { - "id": "node4262", - "name": "4.262", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff596d" - } - }, { - "id": "node4263", - "name": "4.263", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff7383" - } - }, { - "id": "node4264", - "name": "4.264", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff596d" - } - }, { - "id": "node4265", - "name": "4.265", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7787" - } - } - ] - } - ] - }, { - "id": "node2266", - "name": "2.266", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ef79ff" - }, - "children": [ - { - "id": "node3267", - "name": "3.267", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff55be" - }, - "children": [ - { - "id": "node4268", - "name": "4.268", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff6072" - } - }, { - "id": "node4269", - "name": "4.269", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff6c7d" - } - }, { - "id": "node4270", - "name": "4.270", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7989" - } - }, { - "id": "node4271", - "name": "4.271", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff596d" - } - }, { - "id": "node4272", - "name": "4.272", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7989" - } - }, { - "id": "node4273", - "name": "4.273", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff6678" - } - } - ] - }, { - "id": "node3274", - "name": "3.274", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff6fc8" - }, - "children": [ - { - "id": "node4275", - "name": "4.275", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff4e62" - } - }, { - "id": "node4276", - "name": "4.276", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff6476" - } - }, { - "id": "node4277", - "name": "4.277", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7a89" - } - }, { - "id": "node4278", - "name": "4.278", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff5367" - } - } - ] - }, { - "id": "node3279", - "name": "3.279", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff55be" - }, - "children": [ - { - "id": "node4280", - "name": "4.280", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7887" - } - }, { - "id": "node4281", - "name": "4.281", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff5064" - } - }, { - "id": "node4282", - "name": "4.282", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff384f" - } - } - ] - }, { - "id": "node3283", - "name": "3.283", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff66c4" - }, - "children": [ - { - "id": "node4284", - "name": "4.284", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff6f80" - } - }, { - "id": "node4285", - "name": "4.285", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff5367" - } - }, { - "id": "node4286", - "name": "4.286", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff596c" - } - }, { - "id": "node4287", - "name": "4.287", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff6476" - } - } - ] - } - ] - }, { - "id": "node2288", - "name": "2.288", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#e946ff" - }, - "children": [ - { - "id": "node3289", - "name": "3.289", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff40b6" - }, - "children": [ - { - "id": "node4290", - "name": "4.290", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff3048" - } - }, { - "id": "node4291", - "name": "4.291", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff5064" - } - } - ] - }, { - "id": "node3292", - "name": "3.292", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff79cc" - }, - "children": [ - { - "id": "node4293", - "name": "4.293", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff5064" - } - }, { - "id": "node4294", - "name": "4.294", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff5a6e" - } - }, { - "id": "node4295", - "name": "4.295", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7a8a" - } - }, { - "id": "node4296", - "name": "4.296", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff5a6e" - } - } - ] - }, { - "id": "node3297", - "name": "3.297", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff60c2" - }, - "children": [ - { - "id": "node4298", - "name": "4.298", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7484" - } - }, { - "id": "node4299", - "name": "4.299", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff233c" - } - }, { - "id": "node4300", - "name": "4.300", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff687a" - } - } - ] - }, { - "id": "node3301", - "name": "3.301", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff66c4" - }, - "children": [ - { - "id": "node4302", - "name": "4.302", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff6476" - } - }, { - "id": "node4303", - "name": "4.303", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7989" - } - }, { - "id": "node4304", - "name": "4.304", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff7081" - } - }, { - "id": "node4305", - "name": "4.305", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff6174" - } - }, { - "id": "node4306", - "name": "4.306", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff6779" - } - }, { - "id": "node4307", - "name": "4.307", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff6779" - } - } - ] - } - ] - } - ] - }, { - "id": "node1308", - "name": "1.308", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#9858ff" - }, - "children": [ - { - "id": "node2309", - "name": "2.309", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ee71ff" - }, - "children": [ - { - "id": "node3310", - "name": "3.310", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7ccd" - }, - "children": [ - { - "id": "node4311", - "name": "4.311", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff495e" - } - }, { - "id": "node4312", - "name": "4.312", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff374e" - } - } - ] - }, { - "id": "node3313", - "name": "3.313", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff5dc1" - }, - "children": [ - { - "id": "node4314", - "name": "4.314", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff6476" - } - }, { - "id": "node4315", - "name": "4.315", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff6476" - } - }, { - "id": "node4316", - "name": "4.316", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff374e" - } - } - ] - }, { - "id": "node3317", - "name": "3.317", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff61c2" - }, - "children": [ - { - "id": "node4318", - "name": "4.318", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff6577" - } - }, { - "id": "node4319", - "name": "4.319", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff6174" - } - }, { - "id": "node4320", - "name": "4.320", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff5e71" - } - }, { - "id": "node4321", - "name": "4.321", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff7585" - } - }, { - "id": "node4322", - "name": "4.322", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff6f80" - } - }, { - "id": "node4323", - "name": "4.323", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff7585" - } - } - ] - }, { - "id": "node3324", - "name": "3.324", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff61c2" - }, - "children": [ - { - "id": "node4325", - "name": "4.325", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff2b43" - } - }, { - "id": "node4326", - "name": "4.326", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff5569" - } - } - ] - }, { - "id": "node3327", - "name": "3.327", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff64c4" - }, - "children": [ - { - "id": "node4328", - "name": "4.328", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff7182" - } - }, { - "id": "node4329", - "name": "4.329", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff6678" - } - }, { - "id": "node4330", - "name": "4.330", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff6678" - } - }, { - "id": "node4331", - "name": "4.331", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff697a" - } - }, { - "id": "node4332", - "name": "4.332", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff7484" - } - }, { - "id": "node4333", - "name": "4.333", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff6375" - } - } - ] - } - ] - }, { - "id": "node2334", - "name": "2.334", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ea4bff" - }, - "children": [ - { - "id": "node3335", - "name": "3.335", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff73c9" - }, - "children": [ - { - "id": "node4336", - "name": "4.336", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff4359" - } - }, { - "id": "node4337", - "name": "4.337", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7888" - } - }, { - "id": "node4338", - "name": "4.338", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7181" - } - }, { - "id": "node4339", - "name": "4.339", - "data": { - "$area": 4, - "$dim": 4, - "$color": "#ff6274" - } - }, { - "id": "node4340", - "name": "4.340", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7181" - } - } - ] - }, { - "id": "node3341", - "name": "3.341", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff55be" - }, - "children": [ - { - "id": "node4342", - "name": "4.342", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff7686" - } - }, { - "id": "node4343", - "name": "4.343", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff6174" - } - }, { - "id": "node4344", - "name": "4.344", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff6476" - } - }, { - "id": "node4345", - "name": "4.345", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff6174" - } - }, { - "id": "node4346", - "name": "4.346", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff7686" - } - }, { - "id": "node4347", - "name": "4.347", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff6a7c" - } - } - ] - }, { - "id": "node3348", - "name": "3.348", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff61c2" - }, - "children": [ - { - "id": "node4349", - "name": "4.349", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff7080" - } - }, { - "id": "node4350", - "name": "4.350", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff5569" - } - }, { - "id": "node4351", - "name": "4.351", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7585" - } - }, { - "id": "node4352", - "name": "4.352", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7a8a" - } - }, { - "id": "node4353", - "name": "4.353", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff4a5f" - } - } - ] - }, { - "id": "node3354", - "name": "3.354", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff55be" - }, - "children": [ - { - "id": "node4355", - "name": "4.355", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff6375" - } - }, { - "id": "node4356", - "name": "4.356", - "data": { - "$area": 7, - "$dim": 7, - "$color": "#ff1c37" - } - } - ] - } - ] - }, { - "id": "node2357", - "name": "2.357", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#e943ff" - }, - "children": [ - { - "id": "node3358", - "name": "3.358", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff6cc7" - }, - "children": [ - { - "id": "node4359", - "name": "4.359", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff3950" - } - }, { - "id": "node4360", - "name": "4.360", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff6375" - } - }, { - "id": "node4361", - "name": "4.361", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff6375" - } - } - ] - }, { - "id": "node3362", - "name": "3.362", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff74ca" - }, - "children": [ - { - "id": "node4363", - "name": "4.363", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff3950" - } - }, { - "id": "node4364", - "name": "4.364", - "data": { - "$area": 2, - "$dim": 2, - "$color": "#ff7182" - } - }, { - "id": "node4365", - "name": "4.365", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff5569" - } - } - ] - }, { - "id": "node3366", - "name": "3.366", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff61c2" - }, - "children": [ - { - "id": "node4367", - "name": "4.367", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff4359" - } - }, { - "id": "node4368", - "name": "4.368", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff697b" - } - }, { - "id": "node4369", - "name": "4.369", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff5267" - } - } - ] - }, { - "id": "node3370", - "name": "3.370", - "data": { - "$area": 3, - "$dim": 3, - "$color": "#ff74ca" - }, - "children": [ - { - "id": "node4371", - "name": "4.371", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff4056" - } - }, { - "id": "node4372", - "name": "4.372", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff4056" - } - } - ] - }, { - "id": "node3373", - "name": "3.373", - "data": { - "$area": 6, - "$dim": 6, - "$color": "#ff68c5" - }, - "children": [ - { - "id": "node4374", - "name": "4.374", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff4359" - } - }, { - "id": "node4375", - "name": "4.375", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7988" - } - }, { - "id": "node4376", - "name": "4.376", - "data": { - "$area": 9, - "$dim": 9, - "$color": "#ff4359" - } - } - ] - }, { - "id": "node3377", - "name": "3.377", - "data": { - "$area": 8, - "$dim": 8, - "$color": "#ff61c2" - }, - "children": [ - { - "id": "node4378", - "name": "4.378", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff4e63" - } - }, { - "id": "node4379", - "name": "4.379", - "data": { - "$area": 10, - "$dim": 10, - "$color": "#ff4e63" - } - }, { - "id": "node4380", - "name": "4.380", - "data": { - "$area": 1, - "$dim": 1, - "$color": "#ff7b8a" - } - }, { - "id": "node4381", - "name": "4.381", - "data": { - "$area": 5, - "$dim": 5, - "$color": "#ff6779" - } - } - ] - } - ] - } - ] - } - ] - }; - // end - // init Icicle - icicle = new $jit.Icicle({ - // id of the visualization container - injectInto: 'infovis', - // whether to add transition animations - animate: animate, - // nodes offset - offset: 1, - // whether to add cushion type nodes - cushion: false, - //show only three levels at a time - constrained: true, - levelsToShow: 3, - // enable tips - Tips: { - enable: true, - type: 'Native', - // add positioning offsets - offsetX: 20, - offsetY: 20, - // implement the onShow method to - // add content to the tooltip when a node - // is hovered - onShow: function(tip, node){ - // count children - var count = 0; - node.eachSubnode(function(){ - count++; - }); - // add tooltip info - tip.innerHTML = "
    Name: " + node.name - + "
    " + count + " children
    "; - } - }, - // Add events to nodes - Events: { - enable: true, - onMouseEnter: function(node) { - //add border and replot node - node.setData('border', '#33dddd'); - icicle.fx.plotNode(node, icicle.canvas); - icicle.labels.plotLabel(icicle.canvas, node, icicle.controller); - }, - onMouseLeave: function(node) { - node.removeData('border'); - icicle.fx.plot(); - }, - onClick: function(node){ - if (node) { - //hide tips and selections - icicle.tips.hide(); - if(icicle.events.hoveredNode) - this.onMouseLeave(icicle.events.hoveredNode); - //perform the enter animation - icicle.enter(node); - } - }, - onRightClick: function(){ - //hide tips and selections - icicle.tips.hide(); - if(icicle.events.hoveredNode) - this.onMouseLeave(icicle.events.hoveredNode); - //perform the out animation - icicle.out(); - } - }, - // Add canvas label styling - Label: { - type: labelType // "Native" or "HTML" - }, - // Add the name of the node in the corresponding label - // This method is called once, on label creation and only for DOM and not - // Native labels. - onCreateLabel: function(domElement, node){ - domElement.innerHTML = node.name; - var style = domElement.style; - style.fontSize = '0.9em'; - style.display = ''; - style.cursor = 'pointer'; - style.color = '#333'; - style.overflow = 'hidden'; - }, - // Change some label dom properties. - // This method is called each time a label is plotted. - onPlaceLabel: function(domElement, node){ - var style = domElement.style, - width = node.getData('width'), - height = node.getData('height'); - if(width < 7 || height < 7) { - style.display = 'none'; - } else { - style.display = ''; - style.width = width + 'px'; - style.height = height + 'px'; - } - } - }); - // load data - icicle.loadJSON(json); - // compute positions and plot - icicle.refresh(); - //end -} - -//init controls -function controls() { - var jit = $jit; - var gotoparent = jit.id('update'); - jit.util.addEvent(gotoparent, 'click', function() { - icicle.out(); - }); - var select = jit.id('s-orientation'); - jit.util.addEvent(select, 'change', function () { - icicle.layout.orientation = select[select.selectedIndex].value; - icicle.refresh(); - }); - var levelsToShowSelect = jit.id('i-levels-to-show'); - jit.util.addEvent(levelsToShowSelect, 'change', function () { - var index = levelsToShowSelect.selectedIndex; - if(index == 0) { - icicle.config.constrained = false; - } else { - icicle.config.constrained = true; - icicle.config.levelsToShow = index; - } - icicle.refresh(); - }); -} -//end diff --git a/app/assets/javascripts/Jit/Examples/Icicle/example2.html b/app/assets/javascripts/Jit/Examples/Icicle/example2.html deleted file mode 100644 index 76629e88..00000000 --- a/app/assets/javascripts/Jit/Examples/Icicle/example2.html +++ /dev/null @@ -1,83 +0,0 @@ - - - - -Icicle - Icicle tree with limited levels shown - - - - - - - - - - - - - - - -
    - -
    - -
    - -

    - Icicle tree with limited levels shown -

    - -

    A static JSON tree representing a file system tree is loaded into - an Icicle Tree.

    -

    - Left click to set a node as root for the visualization. -

    -

    - Right click to set the parent node as root for the visualization. -

    - - -
    - - -
    -
    - - -
    -
    -
    - -Go to Parent - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/Icicle/example2.js b/app/assets/javascripts/Jit/Examples/Icicle/example2.js deleted file mode 100644 index 6b3d9517..00000000 --- a/app/assets/javascripts/Jit/Examples/Icicle/example2.js +++ /dev/null @@ -1,7151 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -var icicle; - -function init(){ - // left panel controls - controls(); - $jit.id('max-levels').style.display = 'none'; - // init data - var json = { - "name": "Users", - "id": "root", - "children": [ - { - "name": "palbo", - "id": "2150432120-palbo", - "children": [ - { - "name": "homebrew", - "id": "2150432080-homebrew", - "children": [ - { - "name": "share", - "id": "2150426340-share", - "children": [ - { - "name": "aclocal", - "id": "2150144620-aclocal", - "data": { - "$color": "#21ff59" - } - }, { - "name": "games", - "id": "2150152560-games", - "data": { - "$color": "#21ff59" - } - }, { - "name": "doc", - "id": "2150151840-doc", - "children": [ - { - "name": "libwmf", - "id": "2150149120-libwmf", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "geeqie-1.0", - "id": "2150146780-geeqie-1.0", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "ImageMagick", - "id": "2150148340-ImageMagick", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "git-doc", - "id": "2150147560-git-doc", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "tiff-3.9.2", - "id": "2150149900-tiff-3.9.2", - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, { - "name": "git-gui", - "id": "2150155040-git-gui", - "data": { - "$color": "#21ff59" - } - }, { - "name": "gtk-doc", - "id": "2150177860-gtk-doc", - "children": [ - { - "name": "html", - "id": "2150176980-html", - "children": [ - { - "name": "gail-libgail-util", - "id": "2150158580-gail-libgail-util", - "data": { - "$color": "#21c8ff" - } - }, { - "name": "atk", - "id": "2150157740-atk", - "data": { - "$color": "#21c8ff" - } - }, { - "name": "gdk", - "id": "2150159340-gdk", - "data": { - "$color": "#21c8ff" - } - }, { - "name": "pango", - "id": "2150174420-pango", - "data": { - "$color": "#21c8ff" - } - }, { - "name": "gdk-pixbuf", - "id": "2150159900-gdk-pixbuf", - "data": { - "$color": "#21c8ff" - } - }, { - "name": "gtk", - "id": "2150160500-gtk", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, { - "name": "libwmf", - "id": "2150179640-libwmf", - "data": { - "$color": "#21ff59" - } - }, { - "name": "pixmaps", - "id": "2150421740-pixmaps", - "data": { - "$color": "#21ff59" - } - }, { - "name": "ImageMagick", - "id": "2150178380-ImageMagick", - "data": { - "$color": "#21ff59" - } - }, { - "name": "intltool", - "id": "2150178920-intltool", - "data": { - "$color": "#21ff59" - } - }, { - "name": "man", - "id": "2150421020-man", - "children": [ - { - "name": "man7", - "id": "2150417380-man7", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "man8", - "id": "2150419000-man8", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "man1", - "id": "2150399240-man1", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "man3", - "id": "2150409780-man3", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "man5", - "id": "2150411600-man5", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "man6", - "id": "2150412660-man6", - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, { - "name": "applications", - "id": "2150145340-applications", - "data": { - "$color": "#21ff59" - } - }, { - "name": "gdb", - "id": "2150153280-gdb", - "data": { - "$color": "#21ff59" - } - }, { - "name": "git-core", - "id": "2150154500-git-core", - "data": { - "$color": "#21ff59" - } - }, { - "name": "gitk", - "id": "2150155560-gitk", - "data": { - "$color": "#21ff59" - } - }, { - "name": "glib-2.0", - "id": "2150156100-glib-2.0", - "data": { - "$color": "#21ff59" - } - }, { - "name": "cows", - "id": "2150146060-cows", - "data": { - "$color": "#21ff59" - } - }, { - "name": "geeqie", - "id": "2150153940-geeqie", - "data": { - "$color": "#21ff59" - } - }, { - "name": "locale", - "id": "2150345140-locale", - "children": [ - { - "name": "as", - "id": "2150184720-as", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "eu", - "id": "2150225180-eu", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150224300-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "mg", - "id": "2150263040-mg", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "ta", - "id": "2150307600-ta", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "uk", - "id": "2150317440-uk", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150316140-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "bn_IN", - "id": "2150192420-bn_IN", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "sk", - "id": "2150291080-sk", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150290160-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "tt", - "id": "2150314620-tt", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "pa", - "id": "2150274540-pa", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "sl", - "id": "2150293720-sl", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150292480-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "ps", - "id": "2150278140-ps", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "en_GB", - "id": "2150213800-en_GB", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "pt", - "id": "2150278920-pt", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "ru", - "id": "2150287380-ru", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150286080-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "bn", - "id": "2150191840-bn", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "en@shaw", - "id": "2150212240-en@shaw", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "en_CA", - "id": "2150213020-en_CA", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "nb", - "id": "2150267900-nb", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150266960-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "mk", - "id": "2150263860-mk", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "te", - "id": "2150308160-te", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "cy", - "id": "2150204260-cy", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "hr", - "id": "2150234600-hr", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "ml", - "id": "2150264380-ml", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "zh_CN", - "id": "2150323380-zh_CN", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "lt", - "id": "2150254380-lt", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "xh", - "id": "2150321820-xh", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "rw", - "id": "2150288160-rw", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "ja", - "id": "2150249240-ja", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150248060-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "af", - "id": "2150180300-af", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "zh_CN.GB2312", - "id": "2150324160-zh_CN.GB2312", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "fr", - "id": "2150231040-fr", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150229760-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "az", - "id": "2150186060-az", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "be@latin", - "id": "2150188920-be@latin", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "mai", - "id": "2150255640-mai", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "lv", - "id": "2150255080-lv", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "th", - "id": "2150310240-th", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150309240-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "vi", - "id": "2150320260-vi", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150318960-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "sq", - "id": "2150294480-sq", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "nds", - "id": "2150268460-nds", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "fa", - "id": "2150225840-fa", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "ne", - "id": "2150268980-ne", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "da", - "id": "2150207080-da", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150205780-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "wa", - "id": "2150321040-wa", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "sr", - "id": "2150302380-sr", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150295760-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "hu", - "id": "2150239840-hu", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150238960-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "mn", - "id": "2150264900-mn", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "bs", - "id": "2150193040-bs", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "gl", - "id": "2150232340-gl", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "kn", - "id": "2150250360-kn", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "zh_HK", - "id": "2150324940-zh_HK", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "el", - "id": "2150211460-el", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "he", - "id": "2150233460-he", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "ko", - "id": "2150252900-ko", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150251680-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "sr@latin", - "id": "2150305120-sr@latin", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150304260-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "sr@ije", - "id": "2150303200-sr@ije", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "or", - "id": "2150273760-or", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "tl", - "id": "2150311020-tl", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "hy", - "id": "2150240400-hy", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "mr", - "id": "2150265420-mr", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "am", - "id": "2150180880-am", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "de", - "id": "2150209900-de", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150208600-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "eo", - "id": "2150216540-eo", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150215320-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "pl", - "id": "2150277360-pl", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150276060-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "ms", - "id": "2150265940-ms", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "sv", - "id": "2150307040-sv", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150306140-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "be", - "id": "2150188140-be", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150187140-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "oc", - "id": "2150272980-oc", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "nl", - "id": "2150271420-nl", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150270140-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "ka", - "id": "2150249820-ka", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "dz", - "id": "2150210680-dz", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "is", - "id": "2150243760-is", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "ro", - "id": "2150284560-ro", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150283260-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "yi", - "id": "2150322600-yi", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "hi", - "id": "2150234060-hi", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "zh_TW", - "id": "2150327140-zh_TW", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150326240-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "ast", - "id": "2150185520-ast", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "bg", - "id": "2150191280-bg", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150190360-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "ku", - "id": "2150253640-ku", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "pt_BR", - "id": "2150281740-pt_BR", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150280440-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "ga", - "id": "2150231760-ga", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "fi", - "id": "2150228220-fi", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150227040-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "it", - "id": "2150246580-it", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150245300-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "es", - "id": "2150218760-es", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150217620-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "tr", - "id": "2150313840-tr", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150312540-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "nn", - "id": "2150272200-nn", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "ar", - "id": "2150183060-ar", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150182000-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "ca", - "id": "2150200480-ca", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150199600-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "ca@valencia", - "id": "2150201040-ca@valencia", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "cs", - "id": "2150203480-cs", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150202180-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "et", - "id": "2150223140-et", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150220100-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "id", - "id": "2150242980-id", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150241700-LC_MESSAGES", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - }, { - "name": "gu", - "id": "2150232920-gu", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "si", - "id": "2150288940-si", - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, { - "name": "gtk-2.0", - "id": "2150156600-gtk-2.0", - "data": { - "$color": "#21ff59" - } - }, { - "name": "themes", - "id": "2150422460-themes", - "data": { - "$color": "#21ff59" - } - } - ], - "data": { - "$color": "#59ff21" - } - }, - { - "name": "tmp", - "id": "2150427280-tmp", - "data": { - "$color": "#59ff21" - } - }, - { - "name": "lib", - "id": "2150670420-lib", - "children": [ - { - "name": "pip", - "id": "2150556780-pip", - "data": { - "$color": "#21ff59" - } - }, - { - "name": "ImageMagick", - "id": "2150506480-ImageMagick", - "data": { - "$color": "#21ff59" - } - }, - { - "name": "glib-2.0", - "id": "2150431880-glib-2.0", - "data": { - "$color": "#21ff59" - } - }, - { - "name": "pango", - "id": "2150526720-pango", - "data": { - "$color": "#21ff59" - } - }, - { - "name": "pkgconfig", - "id": "2150590380-pkgconfig", - "data": { - "$color": "#21ff59" - } - }, - { - "name": "geeqie", - "id": "2150430920-geeqie", - "data": { - "$color": "#21ff59" - } - }, - { - "name": "perl5", - "id": "2150556120-perl5", - "children": [ - { - "name": "site_perl", - "id": "2150553740-site_perl", - "children": [ - { - "name": "5.10.0", - "id": "2150544560-5.10.0", - "children": [ - { - "name": "darwin-thread-multi-2level", - "id": "2150540260-darwin-thread-multi-2level", - "children": [ - { - "name": "auto", - "id": "2150535500-auto", - "children": [ - { - "name": "Git", - "id": "2150531160-Git", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "python2.6", - "id": "2150628760-python2.6", - "children": [ - { - "name": "site-packages", - "id": "2150625120-site-packages", - "children": [ - { - "name": "git_remote_helpers", - "id": "2150612660-git_remote_helpers", - "children": [ - { - "name": "git", - "id": "2150598400-git", - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "gtk-2.0", - "id": "2150503580-gtk-2.0", - "children": [ - { - "name": "modules", - "id": "2150494620-modules", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "include", - "id": "2150490200-include", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "2.10.0", - "id": "2150486880-2.10.0", - "children": [ - { - "name": "loaders", - "id": "2150472680-loaders", - "data": { - "$color": "#21c8ff" - } - }, { - "name": "printbackends", - "id": "2150481500-printbackends", - "data": { - "$color": "#21c8ff" - } - }, { - "name": "immodules", - "id": "2150452940-immodules", - "data": { - "$color": "#21c8ff" - } - }, { - "name": "engines", - "id": "2150439640-engines", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "setuptools", - "id": "2150630740-setuptools", - "data": { - "$color": "#21ff59" - } - } - ], - "data": { - "$color": "#59ff21" - } - }, - { - "name": "include", - "id": "2150427940-include", - "children": [ - { - "name": "exiv2", - "id": "2150412920-exiv2", - "data": { - "$color": "#21ff59" - } - }, { - "name": "atk-1.0", - "id": "2150412240-atk-1.0", - "data": { - "$color": "#21ff59" - } - }, { - "name": "jasper", - "id": "2150419620-jasper", - "data": { - "$color": "#21ff59" - } - }, { - "name": "libwmf", - "id": "2150420640-libwmf", - "data": { - "$color": "#21ff59" - } - }, { - "name": "ImageMagick", - "id": "2150418900-ImageMagick", - "data": { - "$color": "#21ff59" - } - }, { - "name": "gio-unix-2.0", - "id": "2150416740-gio-unix-2.0", - "data": { - "$color": "#21ff59" - } - }, { - "name": "pango-1.0", - "id": "2150421480-pango-1.0", - "data": { - "$color": "#21ff59" - } - }, { - "name": "gail-1.0", - "id": "2150415620-gail-1.0", - "data": { - "$color": "#21ff59" - } - }, { - "name": "glib-2.0", - "id": "2150417240-glib-2.0", - "data": { - "$color": "#21ff59" - } - }, { - "name": "gtk-2.0", - "id": "2150417800-gtk-2.0", - "data": { - "$color": "#21ff59" - } - }, { - "name": "gtk-unix-print-2.0", - "id": "2150418320-gtk-unix-print-2.0", - "data": { - "$color": "#21ff59" - } - } - ], - "data": { - "$color": "#59ff21" - } - }, - { - "name": "bin", - "id": "2150404620-bin", - "data": { - "$color": "#59ff21" - } - }, - { - "name": "Library", - "id": "2150142460-Library", - "children": [ - { - "name": "Contributions", - "id": "2150672320-Contributions", - "data": { - "$color": "#21ff59" - } - }, { - "name": "Homebrew", - "id": "2150140960-Homebrew", - "children": [ - { - "name": "extend", - "id": "2150123380-extend", - "data": { - "$color": "#21ffc8" - } - }, { - "name": "test", - "id": "2150136840-test", - "children": [ - { - "name": "patches", - "id": "2150126000-patches", - "data": { - "$color": "#21c8ff" - } - }, { - "name": "fixtures", - "id": "2150124740-fixtures", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, { - "name": "Formula", - "id": "2150121140-Formula", - "data": { - "$color": "#21ff59" - } - } - ], - "data": { - "$color": "#59ff21" - } - }, - { - "name": "etc", - "id": "2150411540-etc", - "children": [ - { - "name": "pango", - "id": "2150410300-pango", - "data": { - "$color": "#21ff59" - } - }, { - "name": "bash_completion.d", - "id": "2150407380-bash_completion.d", - "data": { - "$color": "#21ff59" - } - }, { - "name": "gtk-2.0", - "id": "2150409060-gtk-2.0", - "data": { - "$color": "#21ff59" - } - } - ], - "data": { - "$color": "#59ff21" - } - }, - { - "name": "Cellar", - "id": "2150406240-Cellar", - "children": [ - { - "name": "exiv2", - "id": "2150669260-exiv2", - "children": [ - { - "name": "0.19", - "id": "2150668020-0.19", - "children": [ - { - "name": "share", - "id": "2150665800-share", - "children": [ - { - "name": "man", - "id": "2150664220-man", - "children": [ - { - "name": "man1", - "id": "2150662680-man1", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "lib", - "id": "2150659420-lib", - "children": [ - { - "name": "pkgconfig", - "id": "2150647060-pkgconfig", - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "include", - "id": "2150641040-include", - "children": [ - { - "name": "exiv2", - "id": "2150638280-exiv2", - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "bin", - "id": "2150582980-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "little-cms", - "id": "2150246800-little-cms", - "children": [ - { - "name": "1.19", - "id": "2150245440-1.19", - "children": [ - { - "name": "share", - "id": "2150242740-share", - "children": [ - { - "name": "man", - "id": "2150241320-man", - "children": [ - { - "name": "man1", - "id": "2150240100-man1", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "lib", - "id": "2150237960-lib", - "children": [ - { - "name": "pkgconfig", - "id": "2150233400-pkgconfig", - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "include", - "id": "2150232140-include", - "data": { - "$color": "#21c8ff" - } - }, { - "name": "bin", - "id": "2150230420-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "glib", - "id": "2150558020-glib", - "children": [ - { - "name": "2.24.1", - "id": "2150556400-2.24.1", - "children": [ - { - "name": "share", - "id": "2150546200-share", - "children": [ - { - "name": "aclocal", - "id": "2150126740-aclocal", - "data": { - "$color": "#2159ff" - } - }, - { - "name": "man", - "id": "2150539240-man", - "children": [ - { - "name": "man1", - "id": "2150534460-man1", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "gdb", - "id": "2150135360-gdb", - "children": [ - { - "name": "auto-load", - "id": "2150134100-auto-load", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "glib-2.0", - "id": "2150141440-glib-2.0", - "children": [ - { - "name": "gdb", - "id": "2150136560-gdb", - "data": { - "$color": "#5921ff" - } - }, { - "name": "gettext", - "id": "2150139720-gettext", - "children": [ - { - "name": "po", - "id": "2150138020-po", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "locale", - "id": "2150525560-locale", - "children": [ - { - "name": "as", - "id": "2150153920-as", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150152380-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "eu", - "id": "2150225480-eu", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150224380-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "mg", - "id": "2150305320-mg", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150304140-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ta", - "id": "2150395520-ta", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150394180-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "uk", - "id": "2150415180-uk", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150411920-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "bn_IN", - "id": "2150172740-bn_IN", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150171380-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "sk", - "id": "2150371360-sk", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150370280-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "tt", - "id": "2150410660-tt", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150409500-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "pa", - "id": "2150344200-pa", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150342900-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "sl", - "id": "2150374160-sl", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150372620-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ps", - "id": "2150350000-ps", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150348540-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "en_GB", - "id": "2150212960-en_GB", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150211300-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "pt", - "id": "2150353060-pt", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150351540-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ru", - "id": "2150360580-ru", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150359580-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "bn", - "id": "2150169940-bn", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150168840-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "en@shaw", - "id": "2150206540-en@shaw", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150205000-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "en_CA", - "id": "2150209660-en_CA", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150208120-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "nb", - "id": "2150323080-nb", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150321480-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "mk", - "id": "2150307740-mk", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150306460-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "te", - "id": "2150398580-te", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150397120-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "cy", - "id": "2150187480-cy", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150186300-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "hr", - "id": "2150254240-hr", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150252700-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ml", - "id": "2150310120-ml", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150308920-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "zh_CN", - "id": "2150431140-zh_CN", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150427540-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "lt", - "id": "2150291800-lt", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150290580-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "xh", - "id": "2150423780-xh", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150422320-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "rw", - "id": "2150362960-rw", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150361720-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ja", - "id": "2150277000-ja", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150275400-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "af", - "id": "2150144440-af", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150142900-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "fr", - "id": "2150233960-fr", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150232720-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "az", - "id": "2150159560-az", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150158200-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "be@latin", - "id": "2150164120-be@latin", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150163040-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "mai", - "id": "2150302860-mai", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150295980-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "lv", - "id": "2150294740-lv", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150293220-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "th", - "id": "2150401700-th", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150400180-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "vi", - "id": "2150417780-vi", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150416660-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "sq", - "id": "2150377220-sq", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150375680-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "nds", - "id": "2150326120-nds", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150324660-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "fa", - "id": "2150228340-fa", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150226720-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ne", - "id": "2150328620-ne", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150327300-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "da", - "id": "2150190460-da", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150189040-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "wa", - "id": "2150420580-wa", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150419120-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "sr", - "id": "2150380220-sr", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150378680-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "hu", - "id": "2150263780-hu", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150255540-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "mn", - "id": "2150313600-mn", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150311820-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "bs", - "id": "2150174860-bs", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150173780-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "gl", - "id": "2150242440-gl", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150240840-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "kn", - "id": "2150283360-kn", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150281700-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "zh_HK", - "id": "2150443600-zh_HK", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150438620-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "el", - "id": "2150203420-el", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150201860-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "he", - "id": "2150248800-he", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150247280-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ko", - "id": "2150286420-ko", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150284880-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "sr@latin", - "id": "2150385380-sr@latin", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150384140-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "sr@ije", - "id": "2150383060-sr@ije", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150381740-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "or", - "id": "2150341820-or", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150340720-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "tl", - "id": "2150404740-tl", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150403180-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "hy", - "id": "2150265900-hy", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150264840-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "mr", - "id": "2150316780-mr", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150315240-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "am", - "id": "2150147740-am", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150146020-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "de", - "id": "2150192980-de", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150191620-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "eo", - "id": "2150216080-eo", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150214540-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "pl", - "id": "2150347000-pl", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150345740-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ms", - "id": "2150319840-ms", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150318300-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "sv", - "id": "2150393120-sv", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150392020-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "be", - "id": "2150161960-be", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150160660-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "oc", - "id": "2150339700-oc", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150338680-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "nl", - "id": "2150331620-nl", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150330160-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ka", - "id": "2150280180-ka", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150278580-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "dz", - "id": "2150200720-dz", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150199680-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "is", - "id": "2150270580-is", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150269320-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ro", - "id": "2150358240-ro", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150356640-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "yi", - "id": "2150426160-yi", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150425120-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "hi", - "id": "2150251280-hi", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150250060-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "zh_TW", - "id": "2150458000-zh_TW", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150449120-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ast", - "id": "2150156280-ast", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150155160-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "bg", - "id": "2150167840-bg", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150166440-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ku", - "id": "2150289480-ku", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150287940-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "pt_BR", - "id": "2150355400-pt_BR", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150354320-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ga", - "id": "2150239640-ga", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150238220-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "fi", - "id": "2150231400-fi", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150229880-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "it", - "id": "2150273820-it", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150272100-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "es", - "id": "2150218440-es", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150217240-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "tr", - "id": "2150408000-tr", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150406480-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "nn", - "id": "2150337620-nn", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150336160-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ar", - "id": "2150150860-ar", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150149320-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ca", - "id": "2150178260-ca", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150177140-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ca@valencia", - "id": "2150181140-ca@valencia", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150179820-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "cs", - "id": "2150184900-cs", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150182300-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "et", - "id": "2150223220-et", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150219740-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "id", - "id": "2150268160-id", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150267000-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "gu", - "id": "2150245680-gu", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150244100-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "si", - "id": "2150368900-si", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150364040-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "lib", - "id": "2150125460-lib", - "children": [ - { - "name": "glib-2.0", - "id": "2150118680-glib-2.0", - "children": [ - { - "name": "include", - "id": "2150117200-include", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, { - "name": "pkgconfig", - "id": "2150122480-pkgconfig", - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "include", - "id": "2150115880-include", - "children": [ - { - "name": "gio-unix-2.0", - "id": "2149310480-gio-unix-2.0", - "children": [ - { - "name": "gio", - "id": "2149307200-gio", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, { - "name": "glib-2.0", - "id": "2150114600-glib-2.0", - "children": [ - { - "name": "glib", - "id": "2150105520-glib", - "data": { - "$color": "#5921ff" - } - }, { - "name": "gio", - "id": "2149381120-gio", - "data": { - "$color": "#5921ff" - } - }, { - "name": "gobject", - "id": "2150112700-gobject", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "bin", - "id": "2149299760-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "jasper", - "id": "2149075020-jasper", - "children": [ - { - "name": "1.900.1", - "id": "2149064080-1.900.1", - "children": [ - { - "name": "share", - "id": "2149059680-share", - "children": [ - { - "name": "man", - "id": "2149057140-man", - "children": [ - { - "name": "man1", - "id": "2148183480-man1", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "lib", - "id": "2148176660-lib", - "data": { - "$color": "#21c8ff" - } - }, { - "name": "include", - "id": "2148175060-include", - "children": [ - { - "name": "jasper", - "id": "2148174060-jasper", - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "bin", - "id": "2148155940-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "pip", - "id": "2150339460-pip", - "children": [ - { - "name": "0.6.3", - "id": "2150338640-0.6.3", - "children": [ - { - "name": "lib", - "id": "2150337660-lib", - "children": [ - { - "name": "pip", - "id": "2150336460-pip", - "children": [ - { - "name": "pip", - "id": "2150331720-pip", - "children": [ - { - "name": "vcs", - "id": "2150326140-vcs", - "data": { - "$color": "#c821ff" - } - }, { - "name": "commands", - "id": "2150321420-commands", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "bin", - "id": "2150314940-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "atk", - "id": "2150488460-atk", - "children": [ - { - "name": "1.30.0", - "id": "2150484760-1.30.0", - "children": [ - { - "name": "share", - "id": "2150477720-share", - "children": [ - { - "name": "gtk-doc", - "id": "2150467960-gtk-doc", - "children": [ - { - "name": "html", - "id": "2150464420-html", - "children": [ - { - "name": "atk", - "id": "2150460400-atk", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "lib", - "id": "2150424500-lib", - "children": [ - { - "name": "pkgconfig", - "id": "2150422820-pkgconfig", - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "include", - "id": "2150421140-include", - "children": [ - { - "name": "atk-1.0", - "id": "2150419540-atk-1.0", - "children": [ - { - "name": "atk", - "id": "2150418240-atk", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "libwmf", - "id": "2150227440-libwmf", - "children": [ - { - "name": "0.2.8.4", - "id": "2150226340-0.2.8.4", - "children": [ - { - "name": "share", - "id": "2150224220-share", - "children": [ - { - "name": "doc", - "id": "2150212140-doc", - "children": [ - { - "name": "libwmf", - "id": "2150210560-libwmf", - "children": [ - { - "name": "html", - "id": "2150206980-html", - "data": { - "$color": "#c821ff" - } - }, { - "name": "caolan", - "id": "2150163920-caolan", - "children": [ - { - "name": "pics", - "id": "2150147500-pics", - "data": { - "$color": "#ff21c8" - } - } - ], - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, { - "name": "libwmf", - "id": "2150222900-libwmf", - "children": [ - { - "name": "fonts", - "id": "2150219600-fonts", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "lib", - "id": "2150143420-lib", - "children": [ - { - "name": "gtk-2.0", - "id": "2150139880-gtk-2.0", - "children": [ - { - "name": "2.10.0", - "id": "2150138460-2.10.0", - "children": [ - { - "name": "loaders", - "id": "2150137100-loaders", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "include", - "id": "2150135780-include", - "children": [ - { - "name": "libwmf", - "id": "2150134880-libwmf", - "children": [ - { - "name": "gd", - "id": "2150125120-gd", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "bin", - "id": "2150121520-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "wget", - "id": "2150400740-wget", - "children": [ - { - "name": "1.12", - "id": "2150399520-1.12", - "children": [ - { - "name": "share", - "id": "2150397020-share", - "children": [ - { - "name": "man", - "id": "2150395680-man", - "children": [ - { - "name": "man1", - "id": "2150394380-man1", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "bin", - "id": "2150392380-bin", - "data": { - "$color": "#21c8ff" - } - }, { - "name": "etc", - "id": "2150393380-etc", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "intltool", - "id": "2148149940-intltool", - "children": [ - { - "name": "0.41.0", - "id": "2148141520-0.41.0", - "children": [ - { - "name": "share", - "id": "2148135180-share", - "children": [ - { - "name": "aclocal", - "id": "2148121320-aclocal", - "data": { - "$color": "#2159ff" - } - }, { - "name": "intltool", - "id": "2148123960-intltool", - "data": { - "$color": "#2159ff" - } - }, { - "name": "man", - "id": "2148131960-man", - "children": [ - { - "name": "man8", - "id": "2148129020-man8", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "bin", - "id": "2148116920-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "readline", - "id": "2150364500-readline", - "children": [ - { - "name": "6.0", - "id": "2150363660-6.0", - "children": [ - { - "name": "share", - "id": "2150362000-share", - "children": [ - { - "name": "readline", - "id": "2150360800-readline", - "data": { - "$color": "#2159ff" - } - }, { - "name": "man", - "id": "2150357700-man", - "children": [ - { - "name": "man3", - "id": "2150356320-man3", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "lib", - "id": "2150355020-lib", - "data": { - "$color": "#21c8ff" - } - }, { - "name": "include", - "id": "2150352500-include", - "children": [ - { - "name": "readline", - "id": "2150351140-readline", - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "cowsay", - "id": "2150578020-cowsay", - "children": [ - { - "name": "3.03", - "id": "2150571260-3.03", - "children": [ - { - "name": "share", - "id": "2150557600-share", - "children": [ - { - "name": "cows", - "id": "2150556180-cows", - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "man", - "id": "2150508680-man", - "children": [ - { - "name": "man1", - "id": "2150502380-man1", - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "bin", - "id": "2150492980-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "pkg-config", - "id": "2150348120-pkg-config", - "children": [ - { - "name": "0.23", - "id": "2150346880-0.23", - "children": [ - { - "name": "share", - "id": "2150344900-share", - "children": [ - { - "name": "aclocal", - "id": "2150341380-aclocal", - "data": { - "$color": "#2159ff" - } - }, { - "name": "man", - "id": "2150343360-man", - "children": [ - { - "name": "man1", - "id": "2150342400-man1", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "bin", - "id": "2150340320-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "gtk+", - "id": "2150198800-gtk+", - "children": [ - { - "name": "2.20.1", - "id": "2150192620-2.20.1", - "children": [ - { - "name": "share", - "id": "2150190580-share", - "children": [ - { - "name": "aclocal", - "id": "2148147140-aclocal", - "data": { - "$color": "#2159ff" - } - }, - { - "name": "gtk-doc", - "id": "2150178660-gtk-doc", - "children": [ - { - "name": "html", - "id": "2150177580-html", - "children": [ - { - "name": "gail-libgail-util", - "id": "2149063800-gail-libgail-util", - "data": { - "$color": "#c821ff" - } - }, - { - "name": "gdk", - "id": "2149218140-gdk", - "data": { - "$color": "#c821ff" - } - }, - { - "name": "gdk-pixbuf", - "id": "2149263760-gdk-pixbuf", - "data": { - "$color": "#c821ff" - } - }, - { - "name": "gtk", - "id": "2150175060-gtk", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "gtk-2.0", - "id": "2149057020-gtk-2.0", - "children": [ - { - "name": "demo", - "id": "2148184120-demo", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "themes", - "id": "2150188740-themes", - "children": [ - { - "name": "Emacs", - "id": "2150184700-Emacs", - "children": [ - { - "name": "gtk-2.0-key", - "id": "2150182340-gtk-2.0-key", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "Raleigh", - "id": "2150187180-Raleigh", - "children": [ - { - "name": "gtk-2.0", - "id": "2150186100-gtk-2.0", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "Default", - "id": "2150181260-Default", - "children": [ - { - "name": "gtk-2.0-key", - "id": "2150180120-gtk-2.0-key", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "lib", - "id": "2148139340-lib", - "children": [ - { - "name": "pkgconfig", - "id": "2148131720-pkgconfig", - "data": { - "$color": "#2159ff" - } - }, - { - "name": "gtk-2.0", - "id": "2148125440-gtk-2.0", - "children": [ - { - "name": "modules", - "id": "2148121240-modules", - "data": { - "$color": "#5921ff" - } - }, - { - "name": "include", - "id": "2148116200-include", - "data": { - "$color": "#5921ff" - } - }, - { - "name": "2.10.0", - "id": "2148113320-2.10.0", - "children": [ - { - "name": "loaders", - "id": "2148099700-loaders", - "data": { - "$color": "#c821ff" - } - }, - { - "name": "printbackends", - "id": "2148106040-printbackends", - "data": { - "$color": "#c821ff" - } - }, - { - "name": "immodules", - "id": "2148090420-immodules", - "data": { - "$color": "#c821ff" - } - }, - { - "name": "engines", - "id": "2148074940-engines", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "include", - "id": "2148072980-include", - "children": [ - { - "name": "gail-1.0", - "id": "2150610020-gail-1.0", - "children": [ - { - "name": "gail", - "id": "2150591200-gail", - "data": { - "$color": "#5921ff" - } - }, { - "name": "libgail-util", - "id": "2150599920-libgail-util", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "gtk-2.0", - "id": "2148065200-gtk-2.0", - "children": [ - { - "name": "gdk", - "id": "2150647180-gdk", - "data": { - "$color": "#5921ff" - } - }, - { - "name": "gdk-pixbuf", - "id": "2150663280-gdk-pixbuf", - "data": { - "$color": "#5921ff" - } - }, - { - "name": "gtk", - "id": "2148062860-gtk", - "data": { - "$color": "#5921ff" - } - }, - { - "name": "gdk-pixbuf-xlib", - "id": "2150665200-gdk-pixbuf-xlib", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "gtk-unix-print-2.0", - "id": "2148070660-gtk-unix-print-2.0", - "children": [ - { - "name": "gtk", - "id": "2148068600-gtk", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "bin", - "id": "2150573160-bin", - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "etc", - "id": "2150585720-etc", - "children": [ - { - "name": "gtk-2.0", - "id": "2150581720-gtk-2.0", - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "libtiff", - "id": "2150118140-libtiff", - "children": [ - { - "name": "3.9.2", - "id": "2150116660-3.9.2", - "children": [ - { - "name": "share", - "id": "2150114340-share", - "children": [ - { - "name": "doc", - "id": "2149380260-doc", - "children": [ - { - "name": "tiff-3.9.2", - "id": "2149378460-tiff-3.9.2", - "children": [ - { - "name": "html", - "id": "2149367960-html", - "children": [ - { - "name": "man", - "id": "2149301840-man", - "data": { - "$color": "#ff21c8" - } - }, - { - "name": "images", - "id": "2149226860-images", - "data": { - "$color": "#ff21c8" - } - } - ], - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "man", - "id": "2150112880-man", - "children": [ - { - "name": "man1", - "id": "2149397100-man1", - "data": { - "$color": "#5921ff" - } - }, { - "name": "man3", - "id": "2150108380-man3", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "lib", - "id": "2149214600-lib", - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "include", - "id": "2149206920-include", - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "bin", - "id": "2149197380-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "fortune", - "id": "2150745260-fortune", - "children": [ - { - "name": "9708", - "id": "2150741660-9708", - "children": [ - { - "name": "share", - "id": "2150736260-share", - "children": [ - { - "name": "games", - "id": "2150727220-games", - "children": [ - { - "name": "fortunes", - "id": "2150724040-fortunes", - "children": [ - { - "name": "off", - "id": "2150683680-off", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, { - "name": "man", - "id": "2150734720-man", - "children": [ - { - "name": "man1", - "id": "2150731300-man1", - "data": { - "$color": "#5921ff" - } - }, { - "name": "man6", - "id": "2150733160-man6", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "bin", - "id": "2150671060-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "gd", - "id": "2149061780-gd", - "children": [ - { - "name": "2.0.36RC1", - "id": "2149205140-2.0.36RC1", - "children": [ - { - "name": "lib", - "id": "2150123500-lib", - "data": { - "$color": "#21c8ff" - } - }, { - "name": "include", - "id": "2150230320-include", - "data": { - "$color": "#21c8ff" - } - }, { - "name": "bin", - "id": "2150360320-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "gettext", - "id": "2150361240-gettext", - "children": [ - { - "name": "0.17", - "id": "2150360260-0.17", - "children": [ - { - "name": "share", - "id": "2150357880-share", - "children": [ - { - "name": "aclocal", - "id": "2150115760-aclocal", - "data": { - "$color": "#2159ff" - } - }, - { - "name": "doc", - "id": "2150151240-doc", - "children": [ - { - "name": "libasprintf", - "id": "2150149480-libasprintf", - "data": { - "$color": "#5921ff" - } - }, - { - "name": "gettext", - "id": "2150147640-gettext", - "children": [ - { - "name": "csharpdoc", - "id": "2150118860-csharpdoc", - "data": { - "$color": "#c821ff" - } - }, - { - "name": "javadoc2", - "id": "2150133700-javadoc2", - "children": [ - { - "name": "gnu", - "id": "2150124660-gnu", - "children": [ - { - "name": "gettext", - "id": "2150123440-gettext", - "data": { - "$color": "#ff2159" - } - } - ], - "data": { - "$color": "#ff21c8" - } - } - ], - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "man", - "id": "2150355700-man", - "children": [ - { - "name": "man1", - "id": "2150350840-man1", - "data": { - "$color": "#5921ff" - } - }, { - "name": "man3", - "id": "2150354440-man3", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "gettext", - "id": "2150187360-gettext", - "children": [ - { - "name": "projects", - "id": "2150180740-projects", - "children": [ - { - "name": "GNOME", - "id": "2150173560-GNOME", - "data": { - "$color": "#c821ff" - } - }, { - "name": "KDE", - "id": "2150176180-KDE", - "data": { - "$color": "#c821ff" - } - }, { - "name": "TP", - "id": "2150178480-TP", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, { - "name": "styles", - "id": "2150183180-styles", - "data": { - "$color": "#5921ff" - } - }, { - "name": "intl", - "id": "2150168360-intl", - "data": { - "$color": "#5921ff" - } - }, { - "name": "po", - "id": "2150171680-po", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "locale", - "id": "2150344120-locale", - "children": [ - { - "name": "it", - "id": "2150262460-it", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150254520-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "nn", - "id": "2150278560-nn", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150276840-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "uk", - "id": "2150320860-uk", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150319200-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "zh_HK", - "id": "2150330880-zh_HK", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150329260-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "zh_TW", - "id": "2150337460-zh_TW", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150335820-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "de", - "id": "2150208700-de", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150206920-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "fr", - "id": "2150242320-fr", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150240700-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ja", - "id": "2150265460-ja", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150264280-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "sk", - "id": "2150304400-sk", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150303080-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "be", - "id": "2150190720-be", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150189260-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "es", - "id": "2150226600-es", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150225240-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "fi", - "id": "2150239280-fi", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150234740-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ru", - "id": "2150295700-ru", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150294280-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "sl", - "id": "2150306960-sl", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150305740-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "sv", - "id": "2150313420-sv", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150311640-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "en@quot", - "id": "2150218960-en@quot", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150217580-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "et", - "id": "2150230260-et", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150228620-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ga", - "id": "2150245920-ga", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150244220-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ko", - "id": "2150268040-ko", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150266760-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "pt", - "id": "2150285940-pt", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150284280-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "pt_BR", - "id": "2150289600-pt_BR", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150287880-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "cs", - "id": "2150201460-cs", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150200260-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "eu", - "id": "2150233200-eu", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150231920-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "gl", - "id": "2150249420-gl", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150247820-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "id", - "id": "2150252420-id", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150250860-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "pl", - "id": "2150282340-pl", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150280680-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "da", - "id": "2150204920-da", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150203200-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "el", - "id": "2150212480-el", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150210640-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "en@boldquot", - "id": "2150216180-en@boldquot", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150214420-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ro", - "id": "2150292400-ro", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150290960-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ca", - "id": "2150198500-ca", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150192120-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "nl", - "id": "2150274900-nl", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150273120-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "tr", - "id": "2150317260-tr", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150315600-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "vi", - "id": "2150324640-vi", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150322920-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "zh_CN", - "id": "2150327680-zh_CN", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150326480-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "nb", - "id": "2150271060-nb", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150269580-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "sr", - "id": "2150309740-sr", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150308500-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "eo", - "id": "2150223880-eo", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2150222340-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "lib", - "id": "2150106120-lib", - "children": [ - { - "name": "gettext", - "id": "2149403440-gettext", - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "include", - "id": "2149398480-include", - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "bin", - "id": "2149396340-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "git", - "id": "2149291480-git", - "children": [ - { - "name": "1.7.1", - "id": "2149284340-1.7.1", - "children": [ - { - "name": "libexec", - "id": "2150448640-libexec", - "children": [ - { - "name": "git-core", - "id": "2150443400-git-core", - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "share", - "id": "2149277940-share", - "children": [ - { - "name": "doc", - "id": "2148103500-doc", - "children": [ - { - "name": "git-doc", - "id": "2148099920-git-doc", - "children": [ - { - "name": "howto", - "id": "2150575860-howto", - "data": { - "$color": "#c821ff" - } - }, { - "name": "technical", - "id": "2150664960-technical", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "git-gui", - "id": "2149061800-git-gui", - "children": [ - { - "name": "lib", - "id": "2149059020-lib", - "children": [ - { - "name": "Git Gui.app", - "id": "2148155900-Git Gui.app", - "children": [ - { - "name": "Contents", - "id": "2148151380-Contents", - "children": [ - { - "name": "Resources", - "id": "2148140540-Resources", - "children": [ - { - "name": "Scripts", - "id": "2148135080-Scripts", - "data": { - "$color": "#ff5921" - } - } - ], - "data": { - "$color": "#ff2159" - } - }, - { - "name": "MacOS", - "id": "2148132000-MacOS", - "data": { - "$color": "#ff2159" - } - } - ], - "data": { - "$color": "#ff21c8" - } - } - ], - "data": { - "$color": "#c821ff" - } - }, - { - "name": "msgs", - "id": "2148171780-msgs", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "man", - "id": "2149272100-man", - "children": [ - { - "name": "man7", - "id": "2149265580-man7", - "data": { - "$color": "#5921ff" - } - }, { - "name": "man1", - "id": "2149228840-man1", - "data": { - "$color": "#5921ff" - } - }, { - "name": "man3", - "id": "2149234060-man3", - "data": { - "$color": "#5921ff" - } - }, { - "name": "man5", - "id": "2149240600-man5", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "git-core", - "id": "2148127560-git-core", - "children": [ - { - "name": "templates", - "id": "2148123540-templates", - "children": [ - { - "name": "info", - "id": "2148119060-info", - "data": { - "$color": "#c821ff" - } - }, { - "name": "hooks", - "id": "2148115560-hooks", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "gitk", - "id": "2149094320-gitk", - "children": [ - { - "name": "lib", - "id": "2149080040-lib", - "children": [ - { - "name": "msgs", - "id": "2149075060-msgs", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "lib", - "id": "2150390900-lib", - "children": [ - { - "name": "perl5", - "id": "2150376460-perl5", - "children": [ - { - "name": "site_perl", - "id": "2150374900-site_perl", - "children": [ - { - "name": "5.10.0", - "id": "2150372780-5.10.0", - "children": [ - { - "name": "darwin-thread-multi-2level", - "id": "2150371200-darwin-thread-multi-2level", - "children": [ - { - "name": "auto", - "id": "2150370040-auto", - "children": [ - { - "name": "Git", - "id": "2150364660-Git", - "data": { - "$color": "#ff5921" - } - } - ], - "data": { - "$color": "#ff2159" - } - } - ], - "data": { - "$color": "#ff21c8" - } - } - ], - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "python2.6", - "id": "2150384540-python2.6", - "children": [ - { - "name": "site-packages", - "id": "2150383320-site-packages", - "children": [ - { - "name": "git_remote_helpers", - "id": "2150381620-git_remote_helpers", - "children": [ - { - "name": "git", - "id": "2150379020-git", - "data": { - "$color": "#ff21c8" - } - } - ], - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "bin", - "id": "2150363520-bin", - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "Library", - "id": "2150479040-Library", - "children": [ - { - "name": "Perl", - "id": "2150470000-Perl", - "children": [ - { - "name": "Updates", - "id": "2150465600-Updates", - "children": [ - { - "name": "5.10.0", - "id": "2150462080-5.10.0", - "children": [ - { - "name": "darwin-thread-multi-2level", - "id": "2150454300-darwin-thread-multi-2level", - "data": { - "$color": "#ff21c8" - } - } - ], - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "imagemagick", - "id": "2148111040-imagemagick", - "children": [ - { - "name": "6.6.1-10", - "id": "2148107040-6.6.1-10", - "children": [ - { - "name": "share", - "id": "2148099560-share", - "children": [ - { - "name": "doc", - "id": "2148068620-doc", - "children": [ - { - "name": "ImageMagick", - "id": "2148066340-ImageMagick", - "children": [ - { - "name": "www", - "id": "2148063920-www", - "children": [ - { - "name": "api", - "id": "2150729600-api", - "children": [ - { - "name": "MagickCore", - "id": "2150626200-MagickCore", - "data": { - "$color": "#ff2159" - } - }, - { - "name": "MagickWand", - "id": "2150697640-MagickWand", - "data": { - "$color": "#ff2159" - } - } - ], - "data": { - "$color": "#ff21c8" - } - }, - { - "name": "Magick++", - "id": "2150420700-Magick++", - "data": { - "$color": "#ff21c8" - } - } - ], - "data": { - "$color": "#c821ff" - } - }, - { - "name": "images", - "id": "2150325880-images", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "ImageMagick", - "id": "2148075440-ImageMagick", - "children": [ - { - "name": "config", - "id": "2148073240-config", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "man", - "id": "2148095900-man", - "children": [ - { - "name": "man1", - "id": "2148094560-man1", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "lib", - "id": "2150313120-lib", - "children": [ - { - "name": "ImageMagick", - "id": "2150308120-ImageMagick", - "children": [ - { - "name": "modules-Q16", - "id": "2150306800-modules-Q16", - "children": [ - { - "name": "coders", - "id": "2150304220-coders", - "data": { - "$color": "#c821ff" - } - }, { - "name": "filters", - "id": "2150305560-filters", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, { - "name": "config", - "id": "2150241960-config", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, { - "name": "pkgconfig", - "id": "2150310200-pkgconfig", - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "include", - "id": "2150238780-include", - "children": [ - { - "name": "ImageMagick", - "id": "2150234500-ImageMagick", - "children": [ - { - "name": "wand", - "id": "2150233220-wand", - "data": { - "$color": "#5921ff" - } - }, { - "name": "magick", - "id": "2150226900-magick", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "bin", - "id": "2150202720-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "pango", - "id": "2150313500-pango", - "children": [ - { - "name": "1.28.0", - "id": "2150312160-1.28.0", - "children": [ - { - "name": "share", - "id": "2150309420-share", - "children": [ - { - "name": "gtk-doc", - "id": "2150305820-gtk-doc", - "children": [ - { - "name": "html", - "id": "2150304800-html", - "children": [ - { - "name": "pango", - "id": "2150303740-pango", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, { - "name": "man", - "id": "2150308260-man", - "children": [ - { - "name": "man1", - "id": "2150307120-man1", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "lib", - "id": "2150282400-lib", - "children": [ - { - "name": "pango", - "id": "2150276040-pango", - "children": [ - { - "name": "1.6.0", - "id": "2150274600-1.6.0", - "children": [ - { - "name": "modules", - "id": "2150272880-modules", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, { - "name": "pkgconfig", - "id": "2150278740-pkgconfig", - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "include", - "id": "2150268440-include", - "children": [ - { - "name": "pango-1.0", - "id": "2150267380-pango-1.0", - "children": [ - { - "name": "pango", - "id": "2150266320-pango", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "bin", - "id": "2150248380-bin", - "data": { - "$color": "#21c8ff" - } - }, { - "name": "etc", - "id": "2150250960-etc", - "children": [ - { - "name": "pango", - "id": "2150249960-pango", - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "tig", - "id": "2150391040-tig", - "children": [ - { - "name": "0.15", - "id": "2150385000-0.15", - "children": [ - { - "name": "share", - "id": "2150383540-share", - "children": [ - { - "name": "man", - "id": "2150382580-man", - "children": [ - { - "name": "man7", - "id": "2150380840-man7", - "data": { - "$color": "#5921ff" - } - }, { - "name": "man1", - "id": "2150377960-man1", - "data": { - "$color": "#5921ff" - } - }, { - "name": "man5", - "id": "2150379380-man5", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "bin", - "id": "2150376500-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "geeqie", - "id": "2149383300-geeqie", - "children": [ - { - "name": "1.0", - "id": "2149381500-1.0", - "children": [ - { - "name": "share", - "id": "2149378500-share", - "children": [ - { - "name": "doc", - "id": "2148070820-doc", - "children": [ - { - "name": "geeqie-1.0", - "id": "2148068340-geeqie-1.0", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "pixmaps", - "id": "2149370460-pixmaps", - "data": { - "$color": "#2159ff" - } - }, - { - "name": "man", - "id": "2149367860-man", - "children": [ - { - "name": "man1", - "id": "2149366460-man1", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "applications", - "id": "2148064600-applications", - "data": { - "$color": "#2159ff" - } - }, - { - "name": "geeqie", - "id": "2148078460-geeqie", - "children": [ - { - "name": "applications", - "id": "2148075660-applications", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - }, - { - "name": "locale", - "id": "2149362980-locale", - "children": [ - { - "name": "it", - "id": "2149101360-it", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149095640-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "uk", - "id": "2149292540-uk", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149283880-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "zh_TW", - "id": "2149321860-zh_TW", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149311980-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "de", - "id": "2148138700-de", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2148134860-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "fr", - "id": "2149058640-fr", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2148185540-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ja", - "id": "2149109580-ja", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149107220-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "hu", - "id": "2149063880-hu", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149061540-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "sk", - "id": "2149216140-sk", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149211800-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "be", - "id": "2148100280-be", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2148096160-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "es", - "id": "2148168020-es", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2148160380-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "fi", - "id": "2148179820-fi", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2148176980-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ru", - "id": "2149209280-ru", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149204800-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "sl", - "id": "2149222600-sl", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149219560-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "sv", - "id": "2149244040-sv", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149240460-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "et", - "id": "2148173260-et", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2148171420-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ko", - "id": "2149113940-ko", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149111620-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "pt_BR", - "id": "2149185080-pt_BR", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149181040-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "zh_CN.GB2312", - "id": "2149307840-zh_CN.GB2312", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149303280-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "bg", - "id": "2148111140-bg", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2148105580-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "cs", - "id": "2148127060-cs", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2148122520-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "eu", - "id": "2148175680-eu", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2148174540-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "id", - "id": "2149079860-id", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149074840-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "sr@latin", - "id": "2149236520-sr@latin", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149231460-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ar", - "id": "2148094480-ar", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2148092200-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "pl", - "id": "2149175680-pl", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149170020-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "da", - "id": "2148131660-da", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2148128760-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ro", - "id": "2149199220-ro", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149194140-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "ca", - "id": "2148118860-ca", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2148114700-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "nl", - "id": "2149164420-nl", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149160660-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "tr", - "id": "2149279940-tr", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149275000-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "vi", - "id": "2149300420-vi", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149297800-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "nb", - "id": "2149156040-nb", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149151040-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "sr", - "id": "2149227860-sr", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149225260-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "th", - "id": "2149270300-th", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2149265260-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - }, - { - "name": "eo", - "id": "2148153300-eo", - "children": [ - { - "name": "LC_MESSAGES", - "id": "2148146400-LC_MESSAGES", - "data": { - "$color": "#c821ff" - } - } - ], - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "lib", - "id": "2148062920-lib", - "children": [ - { - "name": "geeqie", - "id": "2148061720-geeqie", - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, - { - "name": "bin", - "id": "2148111900-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "ack", - "id": "2150408700-ack", - "children": [ - { - "name": "1.92", - "id": "2150407440-1.92", - "children": [ - { - "name": "bin", - "id": "2150406000-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "jpeg", - "id": "2149165720-jpeg", - "children": [ - { - "name": "8a", - "id": "2149161740-8a", - "children": [ - { - "name": "share", - "id": "2149154780-share", - "children": [ - { - "name": "man", - "id": "2149147220-man", - "children": [ - { - "name": "man1", - "id": "2149112860-man1", - "data": { - "$color": "#5921ff" - } - } - ], - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "lib", - "id": "2149108820-lib", - "data": { - "$color": "#21c8ff" - } - }, { - "name": "include", - "id": "2149102340-include", - "data": { - "$color": "#21c8ff" - } - }, { - "name": "bin", - "id": "2149083400-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - }, - { - "name": "setuptools", - "id": "2150375260-setuptools", - "children": [ - { - "name": "0.6c11", - "id": "2150374040-0.6c11", - "children": [ - { - "name": "lib", - "id": "2150372360-lib", - "children": [ - { - "name": "setuptools", - "id": "2150371260-setuptools", - "data": { - "$color": "#2159ff" - } - } - ], - "data": { - "$color": "#21c8ff" - } - }, { - "name": "bin", - "id": "2150369560-bin", - "data": { - "$color": "#21c8ff" - } - } - ], - "data": { - "$color": "#21ffc8" - } - } - ], - "data": { - "$color": "#21ff59" - } - } - ], - "data": { - "$color": "#59ff21" - } - } - ], - "data": { - "$color": "#c8ff21" - } - } - ], - "data": { - "$color": "#ffc821" - } - } - ], - "data": { - "$color": "#ff5921" - } - }; - // end - // init Icicle - icicle = new $jit.Icicle({ - // id of the visualization container - injectInto: 'infovis', - // whether to add transition animations - animate: animate, - // nodes offset - offset: 1, - // whether to add cushion type nodes - cushion: false, - // do not show all levels at once - constrained: true, - levelsToShow: 4, - // enable tips - Tips: { - enable: true, - type: 'Native', - // add positioning offsets - offsetX: 20, - offsetY: 20, - // implement the onShow method to - // add content to the tooltip when a node - // is hovered - onShow: function(tip, node){ - // count children - var count = 0; - node.eachSubnode(function(){ - count++; - }); - // add tooltip info - tip.innerHTML = "
    Name: " - + node.name + "
    " + count - + " children
    "; - } - }, - // Add events to nodes - Events: { - enable: true, - onClick: function(node){ - if (node) { - //hide tips - icicle.tips.hide(); - // perform the enter animation - icicle.enter(node); - } - }, - onRightClick: function(){ - //hide tips - icicle.tips.hide(); - // perform the out animation - icicle.out(); - } - }, - // Add canvas label styling - Label: { - type: labelType, // "Native" or "HTML" - color: '#333', - style: 'bold', - size: 12 - }, - // Add the name of the node in the corresponding label - // This method is called once, on label creation and only for DOM and - // not - // Native labels. - onCreateLabel: function(domElement, node){ - domElement.innerHTML = node.name; - var style = domElement.style; - style.fontSize = '0.9em'; - style.display = ''; - style.cursor = 'pointer'; - style.color = '#333'; - style.overflow = 'hidden'; - }, - // Change some label dom properties. - // This method is called each time a label is plotted. - onPlaceLabel: function(domElement, node){ - var style = domElement.style, width = node.getData('width'), height = node - .getData('height'); - if (width < 7 || height < 7) { - style.display = 'none'; - } else { - style.display = ''; - style.width = width + 'px'; - style.height = height + 'px'; - } - } - }); - // load data - icicle.loadJSON(json); - // compute positions and plot - icicle.refresh(); - //end -} - -//init controls -function controls() { - var jit = $jit; - var gotoparent = jit.id('update'); - jit.util.addEvent(gotoparent, 'click', function() { - icicle.out(); - }); - var select = jit.id('s-orientation'); - jit.util.addEvent(select, 'change', function () { - icicle.layout.orientation = select[select.selectedIndex].value; - icicle.refresh(); - }); - var levelsToShowSelect = jit.id('i-levels-to-show'); - jit.util.addEvent(levelsToShowSelect, 'change', function () { - var index = levelsToShowSelect.selectedIndex; - if(index == 0) { - icicle.config.constrained = false; - } else { - icicle.config.constrained = true; - icicle.config.levelsToShow = index; - } - icicle.refresh(); - }); -} -//end diff --git a/app/assets/javascripts/Jit/Examples/Other/example1.html b/app/assets/javascripts/Jit/Examples/Other/example1.html deleted file mode 100644 index 57ddf186..00000000 --- a/app/assets/javascripts/Jit/Examples/Other/example1.html +++ /dev/null @@ -1,58 +0,0 @@ - - - - -Other - Implementing Node Types - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Implementing Node Types -

    - - In this example some custom node types are created for rendering pie charts with the RGraph.

    - Multiple instances of the RGraph are created using these node types. (top)

    - The SpaceTree is loaded with some custom data that individually changes nodes dimensions, making a bar chart (bottom). - - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/Other/example1.js b/app/assets/javascripts/Jit/Examples/Other/example1.js deleted file mode 100644 index 5e837578..00000000 --- a/app/assets/javascripts/Jit/Examples/Other/example1.js +++ /dev/null @@ -1,569 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init() { - //init data - var jsonpie = { - 'id': 'root', - 'name': 'RGraph based Pie Chart', - 'data': { - '$type': 'none' - }, - 'children':[ - { - 'id':'pie1', - 'name': 'pie1', - 'data': { - '$angularWidth': 20, - '$color': '#f55' - }, - 'children': [] - }, - { - 'id':'pie2', - 'name': 'pie2', - 'data': { - '$angularWidth': 40, - '$color': '#f77' - }, - 'children': [] - }, - { - 'id':'pie3', - 'name': 'pie3', - 'data': { - '$angularWidth': 10, - '$color': '#f99' - }, - 'children': [] - }, - { - 'id':'pie4', - 'name': 'pie4', - 'data': { - '$angularWidth': 30, - '$color': '#fbb' - }, - 'children': [] - } - ] - }; - - var jsonpie2 = { - 'id': 'root', - 'name': 'Making an Extended Pie Chart', - 'data': { - '$type': 'none' - }, - 'children':[ - { - 'id':'pie10', - 'name': 'pie1', - 'data': { - '$angularWidth': 20, - '$color': '#f55' - }, - 'children': [ - { - 'id':'pie100', - 'name': 'pc1', - 'data': { - '$angularWidth': 20, - '$color': '#55f' - }, - 'children': [] - - }, - { - 'id':'pie101', - 'name': 'pc2', - 'data': { - '$angularWidth': 70, - '$color': '#66f' - }, - 'children': [] - - }, - { - 'id':'pie102', - 'name': 'pc3', - 'data': { - '$angularWidth': 10, - '$color': '#77f' - }, - 'children': [] - - } - ] - }, - { - 'id':'pie20', - 'name': 'pie2', - 'data': { - '$angularWidth': 40, - '$color': '#f77' - }, - 'children': [ - { - 'id':'pie200', - 'name': 'pc1', - 'data': { - '$angularWidth': 40, - '$color': '#88f' - }, - 'children': [] - - }, - { - 'id':'pie201', - 'name': 'pc2', - 'data': { - '$angularWidth': 60, - '$color': '#99f' - }, - 'children': [] - - } - ] - }, - { - 'id':'pie30', - 'name': 'pie3', - 'data': { - '$angularWidth': 10, - '$color': '#f99' - }, - 'children': [ - { - 'id':'pie300', - 'name': 'pc1', - 'data': { - '$angularWidth': 100, - '$color': '#aaf' - }, - 'children': [] - - } - ] - } - ] - }; - - var jsonpie3 = { - 'id': 'root1', - 'name': 'ST Bar Chart', - 'data': { - '$type': 'none', - '$width': 80, - '$height':20 - }, - 'children':[ - { - 'id':'h1', - 'name': 'h1', - 'data': { - '$color': '#55f', - '$height':30 - }, - 'children': [] - }, - { - 'id':'h2', - 'name': 'h2', - 'data': { - '$color': '#66f', - '$height':50 - }, - 'children': [] - }, - { - 'id':'h3', - 'name': 'h3', - 'data': { - '$color': '#77f', - '$height':70 - }, - 'children': [] - }, - { - 'id':'h4', - 'name': 'h4', - 'data': { - '$height':90, - '$color': '#88f' - }, - 'children': [] - }, - { - 'id':'h5', - 'name': 'h5', - 'data': { - '$height':100, - '$color': '#99f' - }, - 'children': [] - }, - { - 'id':'h6', - 'name': 'h6', - 'data': { - '$height':110, - '$color': '#aaf' - }, - 'children': [] - }, - { - 'id':'h7', - 'name': 'h7', - 'data': { - '$height':150, - '$color': '#bbf' - }, - 'children': [] - }, - { - 'id':'h8', - 'name': 'h8', - 'data': { - '$height':110, - '$color': '#aaf' - }, - 'children': [] - }, - { - 'id':'h9', - 'name': 'h9', - 'data': { - '$height':100, - '$color': '#99f' - }, - 'children': [] - }, - { - 'id':'h10', - 'name': 'h10', - 'data': { - '$height':90, - '$color': '#88f' - }, - 'children': [] - }, - { - 'id':'h11', - 'name': 'h11', - 'data': { - '$height':110, - '$color': '#aaf' - }, - 'children': [] - }, - { - 'id':'h12', - 'name': 'h12', - 'data': { - '$height':150, - '$color': '#bbf' - }, - 'children': [] - }, - { - 'id':'h13', - 'name': 'h13', - 'data': { - '$height':110, - '$color': '#aaf' - }, - 'children': [] - }, - { - 'id':'h14', - 'name': 'h14', - 'data': { - '$height':100, - '$color': '#99f' - }, - 'children': [] - }, - { - 'id':'h15', - 'name': 'h15', - 'data': { - '$height':90, - '$color': '#88f' - }, - 'children': [] - } - ] - }; - //end - - var infovis = document.getElementById('infovis'); - var w = infovis.offsetWidth, h = infovis.offsetHeight; - - //create some containers for the visualizations - var container = document.createElement('div'); - container.id = "infovis1"; - var style = container.style; - style.left = "0px"; - style.top = "0px"; - style.width = Math.floor(w / 2) + "px"; - style.height = Math.floor(h / 2) + "px"; - style.position = 'absolute'; - infovis.appendChild(container); - - container = document.createElement('div'); - container.id = "infovis2"; - var style = container.style; - style.left = Math.floor(w / 2) + "px"; - style.top = "0px"; - style.width = style.left; - style.height = Math.floor(h / 2) + "px"; - style.position = 'absolute'; - infovis.appendChild(container); - - container = document.createElement('div'); - container.id = "infovis3"; - var style = container.style; - style.left = "0px"; - style.top = Math.floor(h / 2) + "px"; - style.width = w + "px"; - style.height = Math.floor(h / 2) + "px"; - style.position = 'absolute'; - infovis.appendChild(container); - - //init nodetypes - //Here we implement custom node rendering types for the RGraph - //Using this feature requires some javascript and canvas experience. - $jit.RGraph.Plot.NodeTypes.implement({ - //This node type is used for plotting the upper-left pie chart - 'nodepie': { - 'render': function(node, canvas) { - var span = node.angleSpan, begin = span.begin, end = span.end; - var polarNode = node.pos.getp(true); - var polar = new $jit.Polar(polarNode.rho, begin); - var p1coord = polar.getc(true); - polar.theta = end; - var p2coord = polar.getc(true); - - var ctx = canvas.getCtx(); - ctx.beginPath(); - ctx.moveTo(0, 0); - ctx.lineTo(p1coord.x, p1coord.y); - ctx.moveTo(0, 0); - ctx.lineTo(p2coord.x, p2coord.y); - ctx.moveTo(0, 0); - ctx.arc(0, 0, polarNode.rho, begin, end, false); - ctx.fill(); - } - }, - //This node type is used for plotting the upper-right pie chart - 'shortnodepie': { - 'render': function(node, canvas) { - var ldist = this.config.levelDistance; - var span = node.angleSpan, begin = span.begin, end = span.end; - var polarNode = node.pos.getp(true); - - var polar = new $jit.Polar(polarNode.rho, begin); - var p1coord = polar.getc(true); - - polar.theta = end; - var p2coord = polar.getc(true); - - polar.rho += ldist; - var p3coord = polar.getc(true); - - polar.theta = begin; - var p4coord = polar.getc(true); - - - var ctx = canvas.getCtx(); - ctx.beginPath(); - ctx.moveTo(p1coord.x, p1coord.y); - ctx.lineTo(p4coord.x, p4coord.y); - ctx.moveTo(0, 0); - ctx.arc(0, 0, polarNode.rho, begin, end, false); - - ctx.moveTo(p2coord.x, p2coord.y); - ctx.lineTo(p3coord.x, p3coord.y); - ctx.moveTo(0, 0); - ctx.arc(0, 0, polarNode.rho + ldist, end, begin, true); - - ctx.fill(); - } - } - }); - //end - - //init rgraph - //This RGraph is used to plot the upper-left pie chart. - //It has custom *pie-chart-nodes*. - var rgraph = new $jit.RGraph({ - injectInto: 'infovis1', - width: w/2, - height: h/2, - //Add node/edge styles and set - //overridable=true if you want your - //styles to be individually overriden - Node: { - 'overridable': true, - 'type': 'nodepie' - }, - Edge: { - 'overridable': true - }, - //Parent-children distance - levelDistance: 135, - - //Add styles to node labels on label creation - onCreateLabel: function(domElement, node){ - domElement.innerHTML = node.name; - if(node.data.$angularWidth) - domElement.innerHTML += " " + node.data.$angularWidth + "%"; - var style = domElement.style; - style.fontSize = "0.8em"; - style.color = "#fff"; - }, - //Add some offset to the labels when placed. - onPlaceLabel: function(domElement, node){ - var style = domElement.style; - var left = parseInt(style.left); - var w = domElement.offsetWidth; - style.left = (left - w / 2) + 'px'; - } - }); - //load graph. - rgraph.loadJSON(jsonpie); - rgraph.refresh(); - //end - //init rgraph2 - //This RGraph instance is used for plotting the upper-right - //pie chart. - var rgraph2 = new $jit.RGraph({ - 'injectInto': 'infovis2', - 'width': w/2, - 'height': h/2, - //Add node/edge styles and set - //overridable=true if you want your - //styles to be individually overriden - Node: { - 'overridable': true, - 'type':'shortnodepie' - }, - Edge: { - 'overridable': true - }, - //Parent-children distance - levelDistance: 45, - - //Add styles to node labels on label creation - onCreateLabel: function(domElement, node){ - if(node.id == rgraph2.root) return; - domElement.innerHTML = node.name; - if(node.data.$angularWidth) { - domElement.innerHTML += " " + node.data.$angularWidth + "%"; - } - var style = domElement.style; - style.fontSize = "0.8em"; - style.color = "#fff"; - }, - - onPlaceLabel: function(domElement, node){ - var style = domElement.style; - var left = parseInt(style.left); - var w = domElement.offsetWidth; - style.left = (left - w / 2) + 'px'; - } - }); - //load graph. - rgraph2.loadJSON(jsonpie2); - rgraph2.refresh(); - //end - //init st - //This Spacetree nodes' heights are overriden individually - //so that it serves as a bar chart. - var st = new $jit.ST({ - 'injectInto': 'infovis3', - 'width': w, - 'height': h/2, - //set orientarion - orientation:'bottom', - //set duration for the animation - duration: 800, - //set parent-children distance - levelDistance: 30, - //set node and edge styles - //set overridable=true for styling individual - //nodes or edges - Node: { - overridable: true, - width: 30, - type: 'rectangle', - color: '#aaa', - align: 'right' - }, - - Edge: { - type: 'bezier', - color: '#444' - }, - - //This method is called on DOM label creation. - //Use this method to add styles to - //your node label. - onCreateLabel: function(label, node){ - label.id = node.id; - label.innerHTML = node.name; - //set label styles - var style = label.style; - style.fontSize = '0.7em'; - style.textAlign= 'center'; - style.paddingTop = '3px'; - style.height = node.data.$height + 'px'; - - if(node.id == st.root) { - style.color = '#eee'; - style.width = node.data.$width + 'px'; - } else { - style.color = '#fff'; - style.width = 30 + 'px'; - } - } - }); - //load json data - st.loadJSON(jsonpie3); - //compute node positions and layout - st.compute(); - //emulate a click on the root node and - //add an offset position to the tree - st.onClick(st.root, { - Move: { - offsetY: -110 - } - }); - //end -} diff --git a/app/assets/javascripts/Jit/Examples/Other/example2.html b/app/assets/javascripts/Jit/Examples/Other/example2.html deleted file mode 100644 index 6d5ff23a..00000000 --- a/app/assets/javascripts/Jit/Examples/Other/example2.html +++ /dev/null @@ -1,58 +0,0 @@ - - - - -Other - Composing Visualizations - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Composing Visualizations -

    - - In this example a RGraph is composed with another RGraph (for node rendering).

    - The RGraph used for node rendering implements a custom node type defined in the "Implementing Node Types" example.

    - This example shows that many visualizations can be composed to create new visualizations. - - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/Other/example2.js b/app/assets/javascripts/Jit/Examples/Other/example2.js deleted file mode 100644 index a35ffe25..00000000 --- a/app/assets/javascripts/Jit/Examples/Other/example2.js +++ /dev/null @@ -1,295 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init() { - //init data - var json = { - 'id': 'root', - 'name': 'RGraph( RGraph )', - 'data': { - '$type': 'none' - }, - 'children':[ - { - 'id':'pie10', - 'name': 'pie1', - 'data': { - '$angularWidth': 20, - '$color': '#f55' - }, - 'children': [ - { - 'id':'pie100', - 'name': 'pc1', - 'data': { - '$angularWidth': 20, - '$color': '#55f' - }, - 'children': [] - - }, - { - 'id':'pie101', - 'name': 'pc2', - 'data': { - '$angularWidth': 70, - '$color': '#66f' - }, - 'children': [] - - }, - { - 'id':'pie102', - 'name': 'pc3', - 'data': { - '$angularWidth': 10, - '$color': '#77f' - }, - 'children': [] - - } - ] - }, - { - 'id':'pie20', - 'name': 'pie2', - 'data': { - '$angularWidth': 40, - '$color': '#f77' - }, - 'children': [ - { - 'id':'pie200', - 'name': 'pc1', - 'data': { - '$angularWidth': 40, - '$color': '#88f' - }, - 'children': [] - - }, - { - 'id':'pie201', - 'name': 'pc2', - 'data': { - '$angularWidth': 60, - '$color': '#99f' - }, - 'children': [] - - } - ] - }, - { - 'id':'pie30', - 'name': 'pie3', - 'data': { - '$angularWidth': 10, - '$color': '#f99' - }, - 'children': [ - { - 'id':'pie300', - 'name': 'pc1', - 'data': { - '$angularWidth': 100, - '$color': '#aaf' - }, - 'children': [] - - } - ] - } - ] - }; - var jsonpie = { - 'id': 'root', - 'name': 'RGraph based Pie Chart', - 'data': { - '$type': 'none' - }, - 'children':[ - { - 'id':'pie1', - 'name': 'pie1', - 'data': { - '$angularWidth': 20, - '$color': '#f55' - }, - 'children': [] - }, - { - 'id':'pie2', - 'name': 'pie2', - 'data': { - '$angularWidth': 40, - '$color': '#f77' - }, - 'children': [] - }, - { - 'id':'pie3', - 'name': 'pie3', - 'data': { - '$angularWidth': 10, - '$color': '#f99' - }, - 'children': [] - }, - { - 'id':'pie4', - 'name': 'pie4', - 'data': { - '$angularWidth': 30, - '$color': '#fbb' - }, - 'children': [] - } - ] - }; - //end - - //init nodetypes - //Here we implement custom node rendering types for the RGraph - //Using this feature requires some javascript and canvas experience. - $jit.RGraph.Plot.NodeTypes.implement({ - //This node type is used for plotting pie-chart slices as nodes - 'nodepie': { - 'render': function(node, canvas) { - var span = node.angleSpan, begin = span.begin, end = span.end; - var polarNode = node.pos.getp(true); - var polar = new $jit.Polar(polarNode.rho, begin); - var p1coord = polar.getc(true); - polar.theta = end; - var p2coord = polar.getc(true); - - var ctx = canvas.getCtx(); - ctx.beginPath(); - ctx.moveTo(0, 0); - ctx.lineTo(p1coord.x, p1coord.y); - ctx.moveTo(0, 0); - ctx.lineTo(p2coord.x, p2coord.y); - ctx.moveTo(0, 0); - ctx.arc(0, 0, polarNode.rho, begin, end, false); - ctx.fill(); - } - }, - //Create a new node type that renders an entire RGraph visualization - //as node - 'piechart': { - 'render': function(node, canvas, animating) { - var ctx = canvas.getCtx(), pos = node.pos.getc(true); - ctx.save(); - ctx.translate(pos.x, pos.y); - pie.plot(); - ctx.restore(); - } - } - }); - //end - - //init pie - //This RGraph instance will be used as the node for - //another RGraph instance. - var pie = new $jit.RGraph({ - 'injectInto': 'infovis', - //Optional: create a background canvas and plot - //concentric circles in it. - 'background': { - CanvasStyles: { - strokeStyle: '#555' - } - }, - //Add node/edge styles and set - //overridable=true if you want your - //styles to be individually overriden - Node: { - 'overridable': true, - 'type':'nodepie' - }, - Edge: { - 'type':'none' - }, - //Parent-children distance - levelDistance: 30, - //Don't create labels in this visualization - withLabels: false, - //Don't clear the entire canvas when plotting - //this visualization - clearCanvas: false - }); - //load graph. - pie.loadJSON(jsonpie); - pie.compute(); - //end - - //init rgraph - var rgraph = new $jit.RGraph({ - useCanvas: pie.canvas, - //Add node/edge styles and set - //overridable=true if you want your - //styles to be individually overriden - Node: { - //set the RGraph rendering function - //as node type - 'type': 'piechart' - }, - Edge: { - color: '#772277' - }, - //Parent-children distance - levelDistance: 100, - //Duration - duration: 1500, - //Add styles to node labels on label creation - onCreateLabel: function(domElement, node){ - domElement.innerHTML = node.name; - var style = domElement.style; - style.fontSize = "0.8em"; - style.color = "#fff"; - style.cursor = "pointer"; - domElement.onclick = function() { - rgraph.onClick(node.id, { - hideLabels: false - }); - }; - }, - - onPlaceLabel: function(domElement, node){ - var style = domElement.style; - var left = parseInt(style.left); - var w = domElement.offsetWidth; - style.left = (left - w / 2) + 'px'; - style.display = ''; - } - }); - //load graph. - rgraph.loadJSON(json); - rgraph.refresh(); - //end -} diff --git a/app/assets/javascripts/Jit/Examples/Other/example3.html b/app/assets/javascripts/Jit/Examples/Other/example3.html deleted file mode 100644 index 1efb35c3..00000000 --- a/app/assets/javascripts/Jit/Examples/Other/example3.html +++ /dev/null @@ -1,58 +0,0 @@ - - - - -Other - Composing Visualizations 2 - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Composing Visualizations 2 -

    - - In this example a SpaceTree is composed with a RGraph (for node rendering).

    - The RGraph used for node rendering implements a custom node type defined in the "Implementing Node Types" example.

    - This example shows that many visualizations can be composed to create new visualizations. - - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/Other/example3.js b/app/assets/javascripts/Jit/Examples/Other/example3.js deleted file mode 100644 index 94584e4f..00000000 --- a/app/assets/javascripts/Jit/Examples/Other/example3.js +++ /dev/null @@ -1,309 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init() { - //init data - var json = { - 'id': 'root', - 'name': 'root', - 'data': { - //'$type': 'none' - }, - 'children':[ - { - 'id':'pie10', - 'name': 'pie1', - 'data': { - '$angularWidth': 20, - '$color': '#f55' - }, - 'children': [ - { - 'id':'pie100', - 'name': 'pc1', - 'data': { - '$angularWidth': 20, - '$color': '#55f' - }, - 'children': [] - - }, - { - 'id':'pie101', - 'name': 'pc2', - 'data': { - '$angularWidth': 70, - '$color': '#66f' - }, - 'children': [] - - }, - { - 'id':'pie102', - 'name': 'pc3', - 'data': { - '$angularWidth': 10, - '$color': '#77f' - }, - 'children': [] - - } - ] - }, - { - 'id':'pie20', - 'name': 'pie2', - 'data': { - '$angularWidth': 40, - '$color': '#f77' - }, - 'children': [ - { - 'id':'pie200', - 'name': 'pc1', - 'data': { - '$angularWidth': 40, - '$color': '#88f' - }, - 'children': [] - - }, - { - 'id':'pie201', - 'name': 'pc2', - 'data': { - '$angularWidth': 60, - '$color': '#99f' - }, - 'children': [] - - } - ] - }, - { - 'id':'pie30', - 'name': 'pie3', - 'data': { - '$angularWidth': 10, - '$color': '#f99' - }, - 'children': [ - { - 'id':'pie300', - 'name': 'pc1', - 'data': { - '$angularWidth': 100, - '$color': '#aaf' - }, - 'children': [] - - } - ] - } - ] - }; - var jsonpie = { - 'id': 'root', - 'name': 'RGraph based Pie Chart', - 'data': { - '$type': 'none' - }, - 'children':[ - { - 'id':'pie1', - 'name': 'pie1', - 'data': { - '$angularWidth': 20, - '$color': '#55f' - }, - 'children': [] - }, - { - 'id':'pie2', - 'name': 'pie2', - 'data': { - '$angularWidth': 40, - '$color': '#77f' - }, - 'children': [] - }, - { - 'id':'pie3', - 'name': 'pie3', - 'data': { - '$angularWidth': 10, - '$color': '#99f' - }, - 'children': [] - }, - { - 'id':'pie4', - 'name': 'pie4', - 'data': { - '$angularWidth': 30, - '$color': '#bbf' - }, - 'children': [] - } - ] - }; - //end - - //init nodetypes - //Here we implement custom node rendering types for the RGraph - //Using this feature requires some javascript and canvas experience. - $jit.RGraph.Plot.NodeTypes.implement({ - //This node type is used for plotting pie-chart slices as nodes - 'shortnodepie': { - 'render': function(node, canvas) { - var ldist = this.config.levelDistance; - var span = node.angleSpan, begin = span.begin, end = span.end; - var polarNode = node.pos.getp(true); - - var polar = new $jit.Polar(polarNode.rho, begin); - var p1coord = polar.getc(true); - - polar.theta = end; - var p2coord = polar.getc(true); - - polar.rho += ldist; - var p3coord = polar.getc(true); - - polar.theta = begin; - var p4coord = polar.getc(true); - - - var ctx = canvas.getCtx(); - ctx.beginPath(); - ctx.moveTo(p1coord.x, p1coord.y); - ctx.lineTo(p4coord.x, p4coord.y); - ctx.moveTo(0, 0); - ctx.arc(0, 0, polarNode.rho, begin, end, false); - - ctx.moveTo(p2coord.x, p2coord.y); - ctx.lineTo(p3coord.x, p3coord.y); - ctx.moveTo(0, 0); - ctx.arc(0, 0, polarNode.rho + ldist, end, begin, true); - - ctx.fill(); - } - } - }); - - $jit.ST.Plot.NodeTypes.implement({ - //Create a new node type that renders an entire RGraph visualization - 'piechart': { - 'render': function(node, canvas, animating) { - var ctx = canvas.getCtx(), pos = node.pos.getc(true); - ctx.save(); - ctx.translate(pos.x, pos.y); - pie.plot(); - ctx.restore(); - } - } - }); - //end - - //init pie - var pie = new $jit.RGraph({ - 'injectInto': 'infovis', - //Add node/edge styles and set - //overridable=true if you want your - //styles to be individually overriden - Node: { - 'overridable': true, - 'type':'shortnodepie' - }, - Edge: { - 'type':'none' - }, - //Parent-children distance - levelDistance: 15, - //Don't create labels for this visualization - withLabels: false, - //Don't clear the canvas when plotting - clearCanvas: false - }); - //load graph. - pie.loadJSON(jsonpie); - pie.compute(); - //end - - //init st - var st = new $jit.ST({ - useCanvas: pie.canvas, - orientation: 'bottom', - //Add node/edge styles - Node: { - type: 'piechart', - width: 60, - height: 60 - }, - Edge: { - color: '#999', - type: 'quadratic:begin' - }, - //Parent-children distance - levelDistance: 60, - - //Add styles to node labels on label creation - onCreateLabel: function(domElement, node){ - //add some styles to the node label - var style = domElement.style; - domElement.id = node.id; - style.color = '#fff'; - style.fontSize = '0.8em'; - style.textAlign = 'center'; - style.width = "60px"; - style.height = "24px"; - style.paddingTop = "22px"; - style.cursor = 'pointer'; - domElement.innerHTML = node.name; - domElement.onclick = function() { - st.onClick(node.id, { - Move: { - offsetY: -90 - } - }); - }; - } - }); - //load json data - st.loadJSON(json); - //compute node positions and layout - st.compute(); - //optional: make a translation of the tree - st.geom.translate(new $jit.Complex(0, 200), "start"); - //Emulate a click on the root node. - st.onClick(st.root, { - Move: { - offsetY: -90 - } - }); - //end -} diff --git a/app/assets/javascripts/Jit/Examples/PieChart/example1.html b/app/assets/javascripts/Jit/Examples/PieChart/example1.html deleted file mode 100644 index 05b127a5..00000000 --- a/app/assets/javascripts/Jit/Examples/PieChart/example1.html +++ /dev/null @@ -1,57 +0,0 @@ - - - - -PieChart - Pie Chart Example - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Pie Chart Example -

    - - A static Pie Chart example with gradients that displays tooltips when hovering the stacks.

    - Click the Update button to update the JSON data. - -
    - - Update Data - - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/PieChart/example1.js b/app/assets/javascripts/Jit/Examples/PieChart/example1.js deleted file mode 100644 index cdadbf3c..00000000 --- a/app/assets/javascripts/Jit/Examples/PieChart/example1.js +++ /dev/null @@ -1,135 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - var json = { - 'label': ['label A', 'label B', 'label C', 'label D'], - 'values': [ - { - 'label': 'date A', - 'values': [20, 40, 15, 5] - }, - { - 'label': 'date B', - 'values': [30, 10, 45, 10] - }, - { - 'label': 'date E', - 'values': [38, 20, 35, 17] - }, - { - 'label': 'date F', - 'values': [58, 10, 35, 32] - }, - { - 'label': 'date D', - 'values': [55, 60, 34, 38] - }, - { - 'label': 'date C', - 'values': [26, 40, 25, 40] - }] - - }; - //end - var json2 = { - 'values': [ - { - 'label': 'date A', - 'values': [10, 40, 15, 7] - }, - { - 'label': 'date B', - 'values': [30, 40, 45, 9] - }, - { - 'label': 'date D', - 'values': [55, 30, 34, 26] - }, - { - 'label': 'date C', - 'values': [26, 40, 85, 28] - }] - - }; - //init PieChart - var pieChart = new $jit.PieChart({ - //id of the visualization container - injectInto: 'infovis', - //whether to add animations - animate: true, - //offsets - offset: 30, - sliceOffset: 0, - labelOffset: 20, - //slice style - type: useGradients? 'stacked:gradient' : 'stacked', - //whether to show the labels for the slices - showLabels:true, - //resize labels according to - //pie slices values set 7px as - //min label size - resizeLabels: 7, - //label styling - Label: { - type: labelType, //Native or HTML - size: 20, - family: 'Arial', - color: 'white' - }, - //enable tips - Tips: { - enable: true, - onShow: function(tip, elem) { - tip.innerHTML = "" + elem.name + ": " + elem.value; - } - } - }); - //load JSON data. - pieChart.loadJSON(json); - //end - var list = $jit.id('id-list'), - button = $jit.id('update'); - //update json on click - $jit.util.addEvent(button, 'click', function() { - var util = $jit.util; - if(util.hasClass(button, 'gray')) return; - util.removeClass(button, 'white'); - util.addClass(button, 'gray'); - pieChart.updateJSON(json2); - }); - //dynamically add legend to list - var legend = pieChart.getLegend(), - listItems = []; - for(var name in legend) { - listItems.push('
     
    ' + name); - } - list.innerHTML = '
  • ' + listItems.join('
  • ') + '
    • '; -} diff --git a/app/assets/javascripts/Jit/Examples/RGraph/example1.html b/app/assets/javascripts/Jit/Examples/RGraph/example1.html deleted file mode 100644 index a014d8bc..00000000 --- a/app/assets/javascripts/Jit/Examples/RGraph/example1.html +++ /dev/null @@ -1,58 +0,0 @@ - - - - -RGraph - Tree Animation - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Tree Animation -

    - - A static JSON Tree structure is used as input for this visualization.

    - Click on a node to move the tree and center that node.

    - The centered node's children are displayed in a relations list in the right column.

    - Use the mouse wheel to zoom and drag and drop the canvas to pan. - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/RGraph/example1.js b/app/assets/javascripts/Jit/Examples/RGraph/example1.js deleted file mode 100644 index ffe2ad58..00000000 --- a/app/assets/javascripts/Jit/Examples/RGraph/example1.js +++ /dev/null @@ -1,477 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - var json = { - id: "190_0", - name: "Pearl Jam", - children: [{ - id: "306208_1", - name: "Pearl Jam & Cypress Hill", - data: { - relation: "

    Pearl Jam & Cypress Hill

    Connections:" - }, - children: [{ - id: "84_2", - name: "Cypress Hill", - data: { - relation: "

    Cypress Hill

    Connections:" - }, - children: [] - }] - }, { - id: "107877_3", - name: "Neil Young & Pearl Jam", - data: { - relation: "

    Neil Young & Pearl Jam

    Connections:" - }, - children: [{ - id: "964_4", - name: "Neil Young", - data: { - relation: "

    Neil Young

    Connections:" - }, - children: [] - }] - }, { - id: "236797_5", - name: "Jeff Ament", - data: { - relation: "

    Jeff Ament

    Connections:" - }, - children: [{ - id: "1756_6", - name: "Temple of the Dog", - data: { - relation: "

    Temple of the Dog

    Connections:" - }, - children: [] - }, { - id: "14581_7", - name: "Mother Love Bone", - data: { - relation: "

    Mother Love Bone

    Connections:" - }, - children: [] - }, { - id: "50188_8", - name: "Green River", - data: { - relation: "

    Green River

    Connections:" - }, - children: [] - }, { - id: "65452_9", - name: "M.A.C.C.", - data: { - relation: "

    M.A.C.C.

    Connections:" - }, - children: [] - }, { - id: "115632_10", - name: "Three Fish", - data: { - relation: "

    Three Fish

    Connections:" - }, - children: [] - }, { - id: "346850_11", - name: "Gossman Project", - data: { - relation: "

    Gossman Project

    Connections:" - }, - children: [] - }] - }, { - id: "41529_12", - name: "Stone Gossard", - data: { - relation: "

    Stone Gossard

    Connections:" - }, - children: [{ - id: "1756_13", - name: "Temple of the Dog", - data: { - relation: "

    Temple of the Dog

    Connections:" - }, - children: [] - }, { - id: "14581_14", - name: "Mother Love Bone", - data: { - relation: "

    Mother Love Bone

    Connections:" - }, - children: [] - }, { - id: "24119_15", - name: "Brad", - data: { - relation: "

    Brad

    Connections:" - }, - children: [] - }, { - id: "50188_16", - name: "Green River", - data: { - relation: "

    Green River

    Connections:" - }, - children: [] - }, { - id: "346850_17", - name: "Gossman Project", - data: { - relation: "

    Gossman Project

    Connections:" - }, - children: [] - }] - }, { - id: "131161_18", - name: "Eddie Vedder", - data: { - relation: "

    Eddie Vedder

    Connections:" - }, - children: [{ - id: "1756_19", - name: "Temple of the Dog", - data: { - relation: "

    Temple of the Dog

    Connections:" - }, - children: [] - }, { - id: "72007_20", - name: "Eddie Vedder & Zeke", - data: { - relation: "

    Eddie Vedder & Zeke

    Connections:" - }, - children: [] - }, { - id: "236657_21", - name: "Bad Radio", - data: { - relation: "

    Bad Radio

    Connections:" - }, - children: [] - }, { - id: "432176_22", - name: "Beck & Eddie Vedder", - data: { - relation: "

    Beck & Eddie Vedder

    Connections:" - }, - children: [] - }] - }, { - id: "236583_23", - name: "Mike McCready", - data: { - relation: "

    Mike McCready

    Connections:" - }, - children: [{ - id: "1744_24", - name: "Mad Season", - data: { - relation: "

    Mad Season

    Connections:" - }, - children: [] - }, { - id: "1756_25", - name: "Temple of the Dog", - data: { - relation: "

    Temple of the Dog

    Connections:" - }, - children: [] - }, { - id: "43661_26", - name: "$10,000 Gold Chain", - data: { - relation: "

    $10,000 Gold Chain

    Connections:" - }, - children: [] - }, { - id: "65452_27", - name: "M.A.C.C.", - data: { - relation: "

    M.A.C.C.

    Connections:" - }, - children: [] - }, { - id: "153766_28", - name: "The Rockfords", - data: { - relation: "

    The Rockfords

    Connections:" - }, - children: [] - }, { - id: "346850_29", - name: "Gossman Project", - data: { - relation: "

    Gossman Project

    Connections:" - }, - children: [] - }] - }, { - id: "236585_30", - name: "Matt Cameron", - data: { - relation: "

    Matt Cameron

    Connections:" - }, - children: [{ - id: "1111_31", - name: "Soundgarden", - data: { - relation: "

    Soundgarden

    Connections:" - }, - children: [] - }, { - id: "1756_32", - name: "Temple of the Dog", - data: { - relation: "

    Temple of the Dog

    Connections:" - }, - children: [] - }, { - id: "9570_33", - name: "Eleven", - data: { - relation: "

    Eleven

    Connections:" - }, - children: [] - }, { - id: "11783_34", - name: "Queens of the Stone Age", - data: { - relation: "

    Queens of the Stone Age

    Connections:" - }, - children: [] - }, { - id: "61972_35", - name: "Wellwater Conspiracy", - data: { - relation: "

    Wellwater Conspiracy

    Connections:" - }, - children: [] - }, { - id: "65452_36", - name: "M.A.C.C.", - data: { - relation: "

    M.A.C.C.

    Connections:" - }, - children: [] - }, { - id: "353097_37", - name: "Tone Dogs", - data: { - relation: "

    Tone Dogs

    Connections:" - }, - children: [] - }] - }, { - id: "236594_38", - name: "Dave Krusen", - data: { - relation: "

    Dave Krusen

    Connections:" - }, - children: [{ - id: "2092_39", - name: "Candlebox", - data: { - relation: "

    Candlebox

    Connections:" - }, - children: [] - }] - }, { - id: "236022_40", - name: "Matt Chamberlain", - data: { - relation: "

    Matt Chamberlain

    Connections:" - }, - children: [{ - id: "54761_41", - name: "Critters Buggin", - data: { - relation: "

    Critters Buggin

    Connections:" - }, - children: [] - }, { - id: "92043_42", - name: "Edie Brickell and New Bohemians", - data: { - relation: "

    Edie Brickell and New Bohemians

    Connections:" - }, - children: [] - }] - }, { - id: "236611_43", - name: "Dave Abbruzzese", - data: { - relation: "

    Dave Abbruzzese

    Connections:" - }, - children: [{ - id: "276933_44", - name: "Green Romance Orchestra", - data: { - relation: "

    Green Romance Orchestra

    Connections:" - }, - children: [] - }] - }, { - id: "236612_45", - name: "Jack Irons", - data: { - relation: "

    Jack Irons

    Connections:" - }, - children: [{ - id: "4619_46", - name: "Redd Kross", - data: { - relation: "

    Redd Kross

    Connections:" - }, - children: [] - }, { - id: "9570_47", - name: "Eleven", - data: { - relation: "

    Eleven

    Connections:" - }, - children: [] - }, { - id: "12389_48", - name: "Red Hot Chili Peppers", - data: { - relation: "

    Red Hot Chili Peppers

    Connections:" - }, - children: [] - }, { - id: "114288_49", - name: "Anthym", - data: { - relation: "

    Anthym

    Connections:" - }, - children: [] - }, { - id: "240013_50", - name: "What Is This?", - data: { - relation: "

    What Is This?

    Connections:" - }, - children: [] - }] - }], - data: { - relation: "

    Pearl Jam

    Connections:" - } - }; - //end - - //init RGraph - var rgraph = new $jit.RGraph({ - //Where to append the visualization - injectInto: 'infovis', - //Optional: create a background canvas that plots - //concentric circles. - background: { - CanvasStyles: { - strokeStyle: '#555' - } - }, - //Add navigation capabilities: - //zooming by scrolling and panning. - Navigation: { - enable: true, - panning: true, - zooming: 10 - }, - //Set Node and Edge styles. - Node: { - color: '#ddeeff' - }, - - Edge: { - color: '#C17878', - lineWidth:1.5 - }, - - onBeforeCompute: function(node){ - Log.write("centering " + node.name + "..."); - //Add the relation list in the right column. - //This list is taken from the data property of each JSON node. - $jit.id('inner-details').innerHTML = node.data.relation; - }, - - onAfterCompute: function(){ - Log.write("done"); - }, - //Add the name of the node in the correponding label - //and a click handler to move the graph. - //This method is called once, on label creation. - onCreateLabel: function(domElement, node){ - domElement.innerHTML = node.name; - domElement.onclick = function(){ - rgraph.onClick(node.id); - }; - }, - //Change some label dom properties. - //This method is called each time a label is plotted. - onPlaceLabel: function(domElement, node){ - var style = domElement.style; - style.display = ''; - style.cursor = 'pointer'; - - if (node._depth <= 1) { - style.fontSize = "0.8em"; - style.color = "#ccc"; - - } else if(node._depth == 2){ - style.fontSize = "0.7em"; - style.color = "#494949"; - - } else { - style.display = 'none'; - } - - var left = parseInt(style.left); - var w = domElement.offsetWidth; - style.left = (left - w / 2) + 'px'; - } - }); - //load JSON data - rgraph.loadJSON(json); - //trigger small animation - rgraph.graph.eachNode(function(n) { - var pos = n.getPos(); - pos.setc(-200, -200); - }); - rgraph.compute('end'); - rgraph.fx.animate({ - modes:['polar'], - duration: 2000 - }); - //end - //append information about the root relations in the right column - $jit.id('inner-details').innerHTML = rgraph.graph.getNode(rgraph.root).data.relation; -} diff --git a/app/assets/javascripts/Jit/Examples/RGraph/example2.html b/app/assets/javascripts/Jit/Examples/RGraph/example2.html deleted file mode 100644 index e6148e91..00000000 --- a/app/assets/javascripts/Jit/Examples/RGraph/example2.html +++ /dev/null @@ -1,58 +0,0 @@ - - - - -RGraph - Weighted Graph Animation - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Weighted Graph Animation -

    - - A static JSON graph structure is used for this animation.

    - For each JSON node/edge the properties prefixed with the dollar sign ($) set the type of node/edge to be plotted, its style and its dimensions.

    - Line weights are added programmatically, onBeforePlotLine.

    - An Elastic transition is used instead of the linear transition for the animation. - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/RGraph/example2.js b/app/assets/javascripts/Jit/Examples/RGraph/example2.js deleted file mode 100644 index 5f1207d9..00000000 --- a/app/assets/javascripts/Jit/Examples/RGraph/example2.js +++ /dev/null @@ -1,341 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - //If a node in this JSON structure - //has the "$type" or "$dim" parameters - //defined it will override the "type" and - //"dim" parameters globally defined in the - //RGraph constructor. - var json = [{ - "id": "node0", - "name": "node0 name", - "data": { - "$dim": 16.759175934208628, - "some other key": "some other value" - }, - "adjacencies": [{ - "nodeTo": "node1", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node2", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node3", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node4", - "data": { - "$type":"arrow", - "$color":"#dd99dd", - "$dim":25, - "weight": 1 - } - }, { - "nodeTo": "node5", - "data": { - "weight": 1 - } - }] - }, { - "id": "node1", - "name": "node1 name", - "data": { - "$dim": 13.077119090372014, - "$type": "square", - "some other key": "some other value" - }, - "adjacencies": [{ - "nodeTo": "node0", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node2", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node3", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node4", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node5", - "data": { - "weight": 1 - } - }] - }, { - "id": "node2", - "name": "node2 name", - "data": { - "$dim": 24.937383149648717, - "$type": "triangle", - "some other key": "some other value" - }, - "adjacencies": [{ - "nodeTo": "node0", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node1", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node3", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node4", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node5", - "data": { - "weight": 1 - } - }] - }, { - "id": "node3", - "name": "node3 name", - "data": { - "$dim": 10.53272740718869, - "some other key": "some other value" - }, - "adjacencies": [{ - "nodeTo": "node0", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node1", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node2", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node4", - "data": { - "$type":"arrow", - "$direction": ["node4", "node3"], - "$dim":25, - "$color":"#dd99dd", - "weight": 1 - } - }, { - "nodeTo": "node5", - "data": { - "weight": 3 - } - }] - }, { - "id": "node4", - "name": "node4 name", - "data": { - "$dim": 5.3754347037767345, - "$type":"triangle", - "some other key": "some other value" - }, - "adjacencies": [{ - "nodeTo": "node0", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node1", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node2", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node3", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node5", - "data": { - "weight": 3 - } - }] - }, { - "id": "node5", - "name": "node5 name", - "data": { - "$dim": 32.26403873194912, - "$type": "star", - "some other key": "some other value" - }, - "adjacencies": [{ - "nodeTo": "node0", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node1", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node2", - "data": { - "weight": 1 - } - }, { - "nodeTo": "node3", - "data": { - "weight": 3 - } - }, { - "nodeTo": "node4", - "data": { - "weight": 3 - } - }] - }]; - //end - //init RGraph - var rgraph = new $jit.RGraph({ - 'injectInto': 'infovis', - //Optional: Add a background canvas - //that draws some concentric circles. - 'background': { - 'CanvasStyles': { - 'strokeStyle': '#555', - 'shadowBlur': 50, - 'shadowColor': '#ccc' - } - }, - //Nodes and Edges parameters - //can be overridden if defined in - //the JSON input data. - //This way we can define different node - //types individually. - Node: { - 'overridable': true, - 'color': '#cc0000' - }, - Edge: { - 'overridable': true, - 'color': '#cccc00' - }, - //Set polar interpolation. - //Default's linear. - interpolation: 'polar', - //Change the transition effect from linear - //to elastic. - transition: $jit.Trans.Elastic.easeOut, - //Change other animation parameters. - duration:3500, - fps: 30, - //Change father-child distance. - levelDistance: 200, - //This method is called right before plotting - //an edge. This method is useful to change edge styles - //individually. - onBeforePlotLine: function(adj){ - //Add some random lineWidth to each edge. - if (!adj.data.$lineWidth) - adj.data.$lineWidth = Math.random() * 5 + 1; - }, - - onBeforeCompute: function(node){ - Log.write("centering " + node.name + "..."); - - //Make right column relations list. - var html = "

    " + node.name + "

    Connections:"; - html += ""; - $jit.id('inner-details').innerHTML = html; - }, - //Add node click handler and some styles. - //This method is called only once for each node/label crated. - onCreateLabel: function(domElement, node){ - domElement.innerHTML = node.name; - domElement.onclick = function () { - rgraph.onClick(node.id, { hideLabels: false }); - }; - var style = domElement.style; - style.cursor = 'pointer'; - style.fontSize = "0.8em"; - style.color = "#fff"; - }, - //This method is called when rendering/moving a label. - //This is method is useful to make some last minute changes - //to node labels like adding some position offset. - onPlaceLabel: function(domElement, node){ - var style = domElement.style; - var left = parseInt(style.left); - var w = domElement.offsetWidth; - style.left = (left - w / 2) + 'px'; - }, - - onAfterCompute: function(){ - Log.write("done"); - } - - }); - //load graph. - rgraph.loadJSON(json, 1); - - //compute positions and plot - rgraph.refresh(); - //end - rgraph.controller.onBeforeCompute(rgraph.graph.getNode(rgraph.root)); - rgraph.controller.onAfterCompute(); - -} diff --git a/app/assets/javascripts/Jit/Examples/RGraph/example3.html b/app/assets/javascripts/Jit/Examples/RGraph/example3.html deleted file mode 100644 index 76b4b3e9..00000000 --- a/app/assets/javascripts/Jit/Examples/RGraph/example3.html +++ /dev/null @@ -1,199 +0,0 @@ - - - - -RGraph - Graph Operations - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Graph Operations -

    - - You can do the following operations with the RGraph

    - 1.- Removing subtrees or nodes

    - 2.- Removing edges

    - 3.- Adding another graph, also called sum

    - 4.- Morphing (or transforming) the graph into another one
    - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -

    Global Options

    - - - - - - - - - - - - - - - - - -
    - duration: - - -
    - fps: - - -
    - hide labels: - - -
    - -
    - -

    1.- Remove Nodes

    - - - - - - - - - - -
    - type: - - -
    - - - -
    - -

    2.- Remove Edges

    - - - - - - - - - - -
    - type: - - -
    - - - -
    - -

    3.- Add Graph (Sum)

    - - - - - - - - - - -
    - type: - - -
    - - - -
    - -

    4.- Morph

    - - - - - - - - - - -
    - type: - - -
    - - - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/RGraph/example3.js b/app/assets/javascripts/Jit/Examples/RGraph/example3.js deleted file mode 100644 index bcfc4872..00000000 --- a/app/assets/javascripts/Jit/Examples/RGraph/example3.js +++ /dev/null @@ -1,617 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - var json = { - "id": "190_0", - "name": "Pearl Jam", - "children": [{ - "id": "306208_1", - "name": "Pearl Jam & Cypress Hill", - "data": { - "band": "Pearl Jam", - "relation": "collaboration" - }, - "children": [{ - "id": "84_2", - "name": "Cypress Hill", - "data": { - "band": "Pearl Jam & Cypress Hill", - "relation": "collaboration" - }, - "children": [] - }] - }, { - "id": "107877_3", - "name": "Neil Young & Pearl Jam", - "data": { - "band": "Pearl Jam", - "relation": "collaboration" - }, - "children": [{ - "id": "964_4", - "name": "Neil Young", - "data": { - "band": "Neil Young & Pearl Jam", - "relation": "collaboration" - }, - "children": [] - }] - }, { - "id": "236797_5", - "name": "Jeff Ament", - "data": { - "band": "Pearl Jam", - "relation": "member of band" - }, - "children": [{ - "id": "1756_6", - "name": "Temple of the Dog", - "data": { - "band": "Jeff Ament", - "relation": "member of band" - }, - "children": [] - }, { - "id": "14581_7", - "name": "Mother Love Bone", - "data": { - "band": "Jeff Ament", - "relation": "member of band" - }, - "children": [] - }, { - "id": "50188_8", - "name": "Green River", - "data": { - "band": "Jeff Ament", - "relation": "member of band" - }, - "children": [] - }, { - "id": "65452_9", - "name": "M.A.C.C.", - "data": { - "band": "Jeff Ament", - "relation": "collaboration" - }, - "children": [] - }, { - "id": "115632_10", - "name": "Three Fish", - "data": { - "band": "Jeff Ament", - "relation": "member of band" - }, - "children": [] - }, { - "id": "346850_11", - "name": "Gossman Project", - "data": { - "band": "Jeff Ament", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "41529_12", - "name": "Stone Gossard", - "data": { - "band": "Pearl Jam", - "relation": "member of band" - }, - "children": [{ - "id": "1756_13", - "name": "Temple of the Dog", - "data": { - "band": "Stone Gossard", - "relation": "member of band" - }, - "children": [] - }, { - "id": "14581_14", - "name": "Mother Love Bone", - "data": { - "band": "Stone Gossard", - "relation": "member of band" - }, - "children": [] - }, { - "id": "24119_15", - "name": "Brad", - "data": { - "band": "Stone Gossard", - "relation": "member of band" - }, - "children": [] - }, { - "id": "50188_16", - "name": "Green River", - "data": { - "band": "Stone Gossard", - "relation": "member of band" - }, - "children": [] - }, { - "id": "346850_17", - "name": "Gossman Project", - "data": { - "band": "Stone Gossard", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "131161_18", - "name": "Eddie Vedder", - "data": { - "band": "Pearl Jam", - "relation": "member of band" - }, - "children": [{ - "id": "1756_19", - "name": "Temple of the Dog", - "data": { - "band": "Eddie Vedder", - "relation": "member of band" - }, - "children": [] - }, { - "id": "72007_20", - "name": "Eddie Vedder & Zeke", - "data": { - "band": "Eddie Vedder", - "relation": "collaboration" - }, - "children": [] - }, { - "id": "236657_21", - "name": "Bad Radio", - "data": { - "band": "Eddie Vedder", - "relation": "member of band" - }, - "children": [] - }, { - "id": "432176_22", - "name": "Beck & Eddie Vedder", - "data": { - "band": "Eddie Vedder", - "relation": "collaboration" - }, - "children": [] - }] - }, { - "id": "236583_23", - "name": "Mike McCready", - "data": { - "band": "Pearl Jam", - "relation": "member of band" - }, - "children": [{ - "id": "1744_24", - "name": "Mad Season", - "data": { - "band": "Mike McCready", - "relation": "member of band" - }, - "children": [] - }, { - "id": "1756_25", - "name": "Temple of the Dog", - "data": { - "band": "Mike McCready", - "relation": "member of band" - }, - "children": [] - }, { - "id": "43661_26", - "name": "$10,000 Gold Chain", - "data": { - "band": "Mike McCready", - "relation": "collaboration" - }, - "children": [] - }, { - "id": "65452_27", - "name": "M.A.C.C.", - "data": { - "band": "Mike McCready", - "relation": "collaboration" - }, - "children": [] - }, { - "id": "153766_28", - "name": "The Rockfords", - "data": { - "band": "Mike McCready", - "relation": "member of band" - }, - "children": [] - }, { - "id": "346850_29", - "name": "Gossman Project", - "data": { - "band": "Mike McCready", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "236585_30", - "name": "Matt Cameron", - "data": { - "band": "Pearl Jam", - "relation": "member of band" - }, - "children": [{ - "id": "1111_31", - "name": "Soundgarden", - "data": { - "band": "Matt Cameron", - "relation": "member of band" - }, - "children": [] - }, { - "id": "1756_32", - "name": "Temple of the Dog", - "data": { - "band": "Matt Cameron", - "relation": "member of band" - }, - "children": [] - }, { - "id": "9570_33", - "name": "Eleven", - "data": { - "band": "Matt Cameron", - "relation": "supporting musician" - }, - "children": [] - }, { - "id": "11783_34", - "name": "Queens of the Stone Age", - "data": { - "band": "Matt Cameron", - "relation": "member of band" - }, - "children": [] - }, { - "id": "61972_35", - "name": "Wellwater Conspiracy", - "data": { - "band": "Matt Cameron", - "relation": "member of band" - }, - "children": [] - }, { - "id": "65452_36", - "name": "M.A.C.C.", - "data": { - "band": "Matt Cameron", - "relation": "collaboration" - }, - "children": [] - }, { - "id": "353097_37", - "name": "Tone Dogs", - "data": { - "band": "Matt Cameron", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "236594_38", - "name": "Dave Krusen", - "data": { - "band": "Pearl Jam", - "relation": "member of band" - }, - "children": [{ - "id": "2092_39", - "name": "Candlebox", - "data": { - "band": "Dave Krusen", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "236022_40", - "name": "Matt Chamberlain", - "data": { - "band": "Pearl Jam", - "relation": "member of band" - }, - "children": [{ - "id": "54761_41", - "name": "Critters Buggin", - "data": { - "band": "Matt Chamberlain", - "relation": "member of band" - }, - "children": [] - }, { - "id": "92043_42", - "name": "Edie Brickell and New Bohemians", - "data": { - "band": "Matt Chamberlain", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "236611_43", - "name": "Dave Abbruzzese", - "data": { - "band": "Pearl Jam", - "relation": "member of band" - }, - "children": [{ - "id": "276933_44", - "name": "Green Romance Orchestra", - "data": { - "band": "Dave Abbruzzese", - "relation": "member of band" - }, - "children": [] - }] - }, { - "id": "236612_45", - "name": "Jack Irons", - "data": { - "band": "Pearl Jam", - "relation": "member of band" - }, - "children": [{ - "id": "4619_46", - "name": "Redd Kross", - "data": { - "band": "Jack Irons", - "relation": "member of band" - }, - "children": [] - }, { - "id": "9570_47", - "name": "Eleven", - "data": { - "band": "Jack Irons", - "relation": "member of band" - }, - "children": [] - }, { - "id": "12389_48", - "name": "Red Hot Chili Peppers", - "data": { - "band": "Jack Irons", - "relation": "member of band" - }, - "children": [] - }, { - "id": "114288_49", - "name": "Anthym", - "data": { - "band": "Jack Irons", - "relation": "member of band" - }, - "children": [] - }, { - "id": "240013_50", - "name": "What Is This?", - "data": { - "band": "Jack Irons", - "relation": "member of band" - }, - "children": [] - }] - }], - "data": [] - }; - - var graph = '[{id:"190_0", adjacencies:["node0"]}, {id:"node0", name:"node0 name", data:{"some other key":"some other value"}, adjacencies:["node1", "node2", "node3", "node4", "node5"]}, {id:"node1", name:"node1 name", data:{"some other key":"some other value"}, adjacencies:["node0", "node2", "node3", "node4", "node5"]}, {id:"node2", name:"node2 name", data:{"some other key":"some other value"}, adjacencies:["node0", "node1", "node3", "node4", "node5"]}, {id:"node3", name:"node3 name", data:{"some other key":"some other value"}, adjacencies:["node0", "node1", "node2", "node4", "node5"]}, {id:"node4", name:"node4 name", data:{"some other key":"some other value"}, adjacencies:["node0", "node1", "node2", "node3", "node5"]}, {id:"node5", name:"node5 name", data:{"some other key":"some other value"}, adjacencies:["node0", "node1", "node2", "node3", "node4"]}, {id:"4619_46", adjacencies:["190_0"]}, {id:"236585_30", adjacencies:["190_0"]}, {id:"131161_18", adjacencies:["190_0"]}, {id:"41529_12", adjacencies:["190_0"]}]'; - //end - //init RGraph - var rgraph = new $jit.RGraph({ - 'injectInto': 'infovis', - //Optional: Create a background canvas - //for painting concentric circles. - 'background': { - 'CanvasStyles': { - 'strokeStyle': '#555', - 'shadowBlur': 50, - 'shadowColor': '#ccc' - } - }, - //Set Edge and Node colors. - Node: { - color: '#ddeeff', - overridable:true - }, - - Edge: { - overridable:true, - color: '#C17878', - lineWidth:1.5 - }, - //Add the node's name into the label - //This method is called only once, on label creation. - onCreateLabel: function(domElement, node){ - domElement.innerHTML = node.name; - }, - - //Change the node's style based on its position. - //This method is called each time a label is rendered/positioned - //during an animation. - onPlaceLabel: function(domElement, node){ - var style = domElement.style; - style.display = ''; - - if (node._depth <= 1) { - style.fontSize = "0.8em"; - style.color = "#ccc"; - - } else if(node._depth == 2){ - style.fontSize = "0.7em"; - style.color = "#494949"; - - } else { - style.display = 'none'; - } - - var left = parseInt(style.left); - var w = domElement.offsetWidth; - style.left = (left - w / 2) + 'px'; - } - }); - //load JSON data. - rgraph.loadJSON(json); - - //add some extra edges to the tree - //to make it a graph (just for fun) - rgraph.graph.addAdjacence({ - 'id': '236585_30' - }, { - 'id': '236583_23' - }, null); - rgraph.graph.addAdjacence({ - 'id': '236585_30' - }, { - 'id': '4619_46' - }, null); - - //Compute positions and plot - rgraph.refresh(); - //end - - //Global Options - //Define a function that returns the selected duration - function getDuration() { - var sduration = document.getElementById('select-duration'); - var sdindex = sduration.selectedIndex; - return parseInt(sduration.options[sdindex].text); - } - //Define a function that returns the selected fps - function getFPS() { - var fpstype = document.getElementById('select-fps'); - var fpsindex = fpstype.selectedIndex; - return parseInt(fpstype.options[fpsindex].text); - } - //Define a function that returns whether you have to - //hide labels during the animation or not. - function hideLabels() { - return document.getElementById('hide-labels').checked; - } - - //init handlers - //Add event handlers to the right column controls. - - //Remove Nodes - var button = $jit.id('remove-nodes'); - button.onclick = function() { - //get animation type. - var stype = $jit.id('select-type-remove-nodes'); - var sindex = stype.selectedIndex; - var type = stype.options[sindex].text; - //get node ids to be removed. - var n = rgraph.graph.getNode('236797_5'); - if(!n) return; - var subnodes = n.getSubnodes(0); - var map = []; - for (var i = 0; i < subnodes.length; i++) { - map.push(subnodes[i].id); - } - //perform node-removing animation. - rgraph.op.removeNode(map.reverse(), { - type: type, - duration: getDuration(), - fps: getFPS(), - hideLabels:hideLabels() - }); - }; - - //Remove edges - button = $jit.id('remove-edges'); - button.onclick = function() { - //get animation type. - var stype = $jit.id('select-type-remove-edges'); - var sindex = stype.selectedIndex; - var type = stype.options[sindex].text; - //perform edge removing animation. - rgraph.op.removeEdge([['236585_30', "190_0"], ['236585_30', '4619_46']], { - type: type, - duration: getDuration(), - fps: getFPS(), - hideLabels: hideLabels() - }); - }; - - //Add a Graph (Sum) - button = $jit.id('sum'); - button.onclick = function(){ - //get graph to add. - var trueGraph = eval('(' + graph + ')'); - //get animation type. - var stype = $jit.id('select-type-sum'); - var sindex = stype.selectedIndex; - var type = stype.options[sindex].text; - //perform sum animation. - rgraph.op.sum(trueGraph, { - type: type, - fps: getFPS(), - duration: getDuration(), - hideLabels: hideLabels(), - onComplete: function(){ - Log.write("sum complete!"); - } - }); - }; - - //Morph - button = $jit.id('morph'); - button.onclick = function(){ - //get graph to morph to. - var trueGraph = eval('(' + graph + ')'); - //get animation type. - var stype = $jit.id('select-type-morph'); - var sindex = stype.selectedIndex; - var type = stype.options[sindex].text; - //perform morphing animation. - rgraph.op.morph(trueGraph, { - type: type, - fps: getFPS(), - duration: getDuration(), - hideLabels: hideLabels(), - onComplete: function(){ - Log.write("morph complete!"); - } - }); - }; - //end -} diff --git a/app/assets/javascripts/Jit/Examples/RGraph/example4.html b/app/assets/javascripts/Jit/Examples/RGraph/example4.html deleted file mode 100644 index 7a6b126f..00000000 --- a/app/assets/javascripts/Jit/Examples/RGraph/example4.html +++ /dev/null @@ -1,58 +0,0 @@ - - - - -RGraph - Node Events - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Node Events -

    - - This example shows how to add node events to the visualization.

    - This example uses native canvas text for drawing the labels.

    - Drag and drop nodes around. - - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/RGraph/example4.js b/app/assets/javascripts/Jit/Examples/RGraph/example4.js deleted file mode 100644 index 65317d2c..00000000 --- a/app/assets/javascripts/Jit/Examples/RGraph/example4.js +++ /dev/null @@ -1,568 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - // init data - var json = { - id: "190_0", - name: "Pearl Jam", - children: [ - { - id: "306208_1", - name: "Pearl Jam & Cypress Hill", - data: { - relation: "

    Pearl Jam & Cypress Hill

    Connections:" - }, - children: [ - { - id: "84_2", - name: "Cypress Hill", - data: { - relation: "

    Cypress Hill

    Connections:" - }, - children: [] - } - ] - }, - { - id: "107877_3", - name: "Neil Young & Pearl Jam", - data: { - relation: "

    Neil Young & Pearl Jam

    Connections:" - }, - children: [ - { - id: "964_4", - name: "Neil Young", - data: { - relation: "

    Neil Young

    Connections:" - }, - children: [] - } - ] - }, - { - id: "236797_5", - name: "Jeff Ament", - data: { - relation: "

    Jeff Ament

    Connections:" - }, - children: [ - { - id: "1756_6", - name: "Temple of the Dog", - data: { - relation: "

    Temple of the Dog

    Connections:" - }, - children: [] - }, - { - id: "14581_7", - name: "Mother Love Bone", - data: { - relation: "

    Mother Love Bone

    Connections:" - }, - children: [] - }, - { - id: "50188_8", - name: "Green River", - data: { - relation: "

    Green River

    Connections:" - }, - children: [] - }, - { - id: "65452_9", - name: "M.A.C.C.", - data: { - relation: "

    M.A.C.C.

    Connections:" - }, - children: [] - }, - { - id: "115632_10", - name: "Three Fish", - data: { - relation: "

    Three Fish

    Connections:" - }, - children: [] - }, - { - id: "346850_11", - name: "Gossman Project", - data: { - relation: "

    Gossman Project

    Connections:" - }, - children: [] - } - ] - }, - { - id: "41529_12", - name: "Stone Gossard", - data: { - relation: "

    Stone Gossard

    Connections:" - }, - children: [ - { - id: "1756_13", - name: "Temple of the Dog", - data: { - relation: "

    Temple of the Dog

    Connections:" - }, - children: [] - }, - { - id: "14581_14", - name: "Mother Love Bone", - data: { - relation: "

    Mother Love Bone

    Connections:" - }, - children: [] - }, - { - id: "24119_15", - name: "Brad", - data: { - relation: "

    Brad

    Connections:" - }, - children: [] - }, - { - id: "50188_16", - name: "Green River", - data: { - relation: "

    Green River

    Connections:" - }, - children: [] - }, - { - id: "346850_17", - name: "Gossman Project", - data: { - relation: "

    Gossman Project

    Connections:" - }, - children: [] - } - ] - }, - { - id: "131161_18", - name: "Eddie Vedder", - data: { - relation: "

    Eddie Vedder

    Connections:" - }, - children: [ - { - id: "1756_19", - name: "Temple of the Dog", - data: { - relation: "

    Temple of the Dog

    Connections:" - }, - children: [] - }, - { - id: "72007_20", - name: "Eddie Vedder & Zeke", - data: { - relation: "

    Eddie Vedder & Zeke

    Connections:" - }, - children: [] - }, - { - id: "236657_21", - name: "Bad Radio", - data: { - relation: "

    Bad Radio

    Connections:" - }, - children: [] - }, - { - id: "432176_22", - name: "Beck & Eddie Vedder", - data: { - relation: "

    Beck & Eddie Vedder

    Connections:" - }, - children: [] - } - ] - }, - { - id: "236583_23", - name: "Mike McCready", - data: { - relation: "

    Mike McCready

    Connections:" - }, - children: [ - { - id: "1744_24", - name: "Mad Season", - data: { - relation: "

    Mad Season

    Connections:" - }, - children: [] - }, - { - id: "1756_25", - name: "Temple of the Dog", - data: { - relation: "

    Temple of the Dog

    Connections:" - }, - children: [] - }, - { - id: "43661_26", - name: "$10,000 Gold Chain", - data: { - relation: "

    $10,000 Gold Chain

    Connections:" - }, - children: [] - }, - { - id: "65452_27", - name: "M.A.C.C.", - data: { - relation: "

    M.A.C.C.

    Connections:" - }, - children: [] - }, - { - id: "153766_28", - name: "The Rockfords", - data: { - relation: "

    The Rockfords

    Connections:" - }, - children: [] - }, - { - id: "346850_29", - name: "Gossman Project", - data: { - relation: "

    Gossman Project

    Connections:" - }, - children: [] - } - ] - }, - { - id: "236585_30", - name: "Matt Cameron", - data: { - relation: "

    Matt Cameron

    Connections:" - }, - children: [ - { - id: "1111_31", - name: "Soundgarden", - data: { - relation: "

    Soundgarden

    Connections:" - }, - children: [] - }, - { - id: "1756_32", - name: "Temple of the Dog", - data: { - relation: "

    Temple of the Dog

    Connections:" - }, - children: [] - }, - { - id: "9570_33", - name: "Eleven", - data: { - relation: "

    Eleven

    Connections:" - }, - children: [] - }, - { - id: "11783_34", - name: "Queens of the Stone Age", - data: { - relation: "

    Queens of the Stone Age

    Connections:" - }, - children: [] - }, - { - id: "61972_35", - name: "Wellwater Conspiracy", - data: { - relation: "

    Wellwater Conspiracy

    Connections:" - }, - children: [] - }, - { - id: "65452_36", - name: "M.A.C.C.", - data: { - relation: "

    M.A.C.C.

    Connections:" - }, - children: [] - }, - { - id: "353097_37", - name: "Tone Dogs", - data: { - relation: "

    Tone Dogs

    Connections:" - }, - children: [] - } - ] - }, - { - id: "236594_38", - name: "Dave Krusen", - data: { - relation: "

    Dave Krusen

    Connections:" - }, - children: [ - { - id: "2092_39", - name: "Candlebox", - data: { - relation: "

    Candlebox

    Connections:" - }, - children: [] - } - ] - }, - { - id: "236022_40", - name: "Matt Chamberlain", - data: { - relation: "

    Matt Chamberlain

    Connections:" - }, - children: [ - { - id: "54761_41", - name: "Critters Buggin", - data: { - relation: "

    Critters Buggin

    Connections:" - }, - children: [] - }, - { - id: "92043_42", - name: "Edie Brickell and New Bohemians", - data: { - relation: "

    Edie Brickell and New Bohemians

    Connections:" - }, - children: [] - } - ] - }, - { - id: "236611_43", - name: "Dave Abbruzzese", - data: { - relation: "

    Dave Abbruzzese

    Connections:" - }, - children: [ - { - id: "276933_44", - name: "Green Romance Orchestra", - data: { - relation: "

    Green Romance Orchestra

    Connections:" - }, - children: [] - } - ] - }, - { - id: "236612_45", - name: "Jack Irons", - data: { - relation: "

    Jack Irons

    Connections:" - }, - children: [ - { - id: "4619_46", - name: "Redd Kross", - data: { - relation: "

    Redd Kross

    Connections:" - }, - children: [] - }, - { - id: "9570_47", - name: "Eleven", - data: { - relation: "

    Eleven

    Connections:" - }, - children: [] - }, - { - id: "12389_48", - name: "Red Hot Chili Peppers", - data: { - relation: "

    Red Hot Chili Peppers

    Connections:" - }, - children: [] - }, - { - id: "114288_49", - name: "Anthym", - data: { - relation: "

    Anthym

    Connections:" - }, - children: [] - }, - { - id: "240013_50", - name: "What Is This?", - data: { - relation: "

    What Is This?

    Connections:" - }, - children: [] - } - ] - } - ], - data: { - relation: "

    Pearl Jam

    Connections:" - } - }; - // end - // init RGraph - var rgraph = new $jit.RGraph({ - // Where to append the visualization - injectInto: 'infovis', - // Optional: create a background canvas and plot - // concentric circles in it. - background: { - CanvasStyles: { - strokeStyle: '#555', - shadowBlur: 10, - shadowColor: '#ccc' - } - }, - // Set Edge and Node styles - Node: { - overridable: true, - color: '#ccddee', - dim: 12 - }, - Edge: { - overridable: true, - color: '#C17878', - lineWidth: 1.5 - }, - // Use native canvas text - Label: { - type: labelType, - size: 11, - family: 'Verdana', - color: '#fff' - }, - //Add events for Dragging and dropping nodes - Events: { - enable: true, - type: 'Native', - onMouseEnter: function(node, eventInfo, e){ - rgraph.canvas.getElement().style.cursor = 'move'; - }, - onMouseLeave: function(node, eventInfo, e){ - rgraph.canvas.getElement().style.cursor = ''; - }, - onDragMove: function(node, eventInfo, e){ - var pos = eventInfo.getPos(); - node.pos.setc(pos.x, pos.y); - rgraph.plot(); - }, - onDragEnd: function(node, eventInfo, e){ - rgraph.compute('end'); - rgraph.fx.animate( { - modes: [ - 'linear' - ], - duration: 700, - transition: $jit.Trans.Elastic.easeOut - }); - }, - //touch events - onTouchStart: function(node, eventInfo, e) { - //stop the default event - $jit.util.event.stop(e); - }, - onTouchMove: function(node, eventInfo, e){ - //stop the default event - $jit.util.event.stop(e); - var pos = eventInfo.getPos(); - node.pos.setc(pos.x, pos.y); - rgraph.plot(); - }, - onTouchEnd: function(node, eventInfo, e){ - //stop the default event - $jit.util.event.stop(e); - rgraph.compute('end'); - rgraph.fx.animate( { - modes: [ - 'linear' - ], - duration: 700, - transition: $jit.Trans.Elastic.easeOut - }); - } - }, - //Add the name of the node in the correponding label - //and a click handler to move the graph. - //This method is called once, on label creation. - onCreateLabel: function(domElement, node){ - domElement.innerHTML = node.name; - }, - //Change some label dom properties. - //This method is called each time a label is plotted. - onPlaceLabel: function(domElement, node){ - var style = domElement.style; - style.display = ''; - style.cursor = 'pointer'; - - if (node._depth <= 1) { - style.fontSize = "0.8em"; - style.color = "#ccc"; - - } else if(node._depth == 2){ - style.fontSize = "0.7em"; - style.color = "#494949"; - - } else { - style.display = 'none'; - } - - var left = parseInt(style.left); - var w = domElement.offsetWidth; - style.left = (left - w / 2) + 'px'; - } - }); - // load JSON data - rgraph.loadJSON(json); - // compute positions and make the first plot - rgraph.refresh(); - // end -} diff --git a/app/assets/javascripts/Jit/Examples/Spacetree/example1.html b/app/assets/javascripts/Jit/Examples/Spacetree/example1.html deleted file mode 100644 index 625698ea..00000000 --- a/app/assets/javascripts/Jit/Examples/Spacetree/example1.html +++ /dev/null @@ -1,115 +0,0 @@ - - - - -Spacetree - Tree Animation - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Tree Animation -

    - - A static JSON Tree structure is used as input for this animation.

    - Click on a node to select it.

    - You can select the tree orientation by changing the select box in the right column.

    - You can change the selection mode from Normal selection (i.e. center the selected node) to - Set as Root.

    - Drag and Drop the canvas to do some panning.

    - Leaves color depend on the number of children they actually have. - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -

    Tree Orientation

    - - - - - - - - - - - - - - - - - -
    - - - -
    - - - -
    - - - -
    - - - -
    - -

    Selection Mode

    - - - - - - - - - -
    - - - -
    - - - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/Spacetree/example1.js b/app/assets/javascripts/Jit/Examples/Spacetree/example1.js deleted file mode 100644 index af823829..00000000 --- a/app/assets/javascripts/Jit/Examples/Spacetree/example1.js +++ /dev/null @@ -1,899 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - var json = { - id: "node02", - name: "0.2", - data: {}, - children: [{ - id: "node13", - name: "1.3", - data: {}, - children: [{ - id: "node24", - name: "2.4", - data: {}, - children: [{ - id: "node35", - name: "3.5", - data: {}, - children: [{ - id: "node46", - name: "4.6", - data: {}, - children: [] - }] - }, { - id: "node37", - name: "3.7", - data: {}, - children: [{ - id: "node48", - name: "4.8", - data: {}, - children: [] - }, { - id: "node49", - name: "4.9", - data: {}, - children: [] - }, { - id: "node410", - name: "4.10", - data: {}, - children: [] - }, { - id: "node411", - name: "4.11", - data: {}, - children: [] - }] - }, { - id: "node312", - name: "3.12", - data: {}, - children: [{ - id: "node413", - name: "4.13", - data: {}, - children: [] - }] - }, { - id: "node314", - name: "3.14", - data: {}, - children: [{ - id: "node415", - name: "4.15", - data: {}, - children: [] - }, { - id: "node416", - name: "4.16", - data: {}, - children: [] - }, { - id: "node417", - name: "4.17", - data: {}, - children: [] - }, { - id: "node418", - name: "4.18", - data: {}, - children: [] - }] - }, { - id: "node319", - name: "3.19", - data: {}, - children: [{ - id: "node420", - name: "4.20", - data: {}, - children: [] - }, { - id: "node421", - name: "4.21", - data: {}, - children: [] - }] - }] - }, { - id: "node222", - name: "2.22", - data: {}, - children: [{ - id: "node323", - name: "3.23", - data: {}, - children: [{ - id: "node424", - name: "4.24", - data: {}, - children: [] - }] - }] - }] - }, { - id: "node125", - name: "1.25", - data: {}, - children: [{ - id: "node226", - name: "2.26", - data: {}, - children: [{ - id: "node327", - name: "3.27", - data: {}, - children: [{ - id: "node428", - name: "4.28", - data: {}, - children: [] - }, { - id: "node429", - name: "4.29", - data: {}, - children: [] - }] - }, { - id: "node330", - name: "3.30", - data: {}, - children: [{ - id: "node431", - name: "4.31", - data: {}, - children: [] - }] - }, { - id: "node332", - name: "3.32", - data: {}, - children: [{ - id: "node433", - name: "4.33", - data: {}, - children: [] - }, { - id: "node434", - name: "4.34", - data: {}, - children: [] - }, { - id: "node435", - name: "4.35", - data: {}, - children: [] - }, { - id: "node436", - name: "4.36", - data: {}, - children: [] - }] - }] - }, { - id: "node237", - name: "2.37", - data: {}, - children: [{ - id: "node338", - name: "3.38", - data: {}, - children: [{ - id: "node439", - name: "4.39", - data: {}, - children: [] - }, { - id: "node440", - name: "4.40", - data: {}, - children: [] - }, { - id: "node441", - name: "4.41", - data: {}, - children: [] - }] - }, { - id: "node342", - name: "3.42", - data: {}, - children: [{ - id: "node443", - name: "4.43", - data: {}, - children: [] - }] - }, { - id: "node344", - name: "3.44", - data: {}, - children: [{ - id: "node445", - name: "4.45", - data: {}, - children: [] - }, { - id: "node446", - name: "4.46", - data: {}, - children: [] - }, { - id: "node447", - name: "4.47", - data: {}, - children: [] - }] - }, { - id: "node348", - name: "3.48", - data: {}, - children: [{ - id: "node449", - name: "4.49", - data: {}, - children: [] - }, { - id: "node450", - name: "4.50", - data: {}, - children: [] - }, { - id: "node451", - name: "4.51", - data: {}, - children: [] - }, { - id: "node452", - name: "4.52", - data: {}, - children: [] - }, { - id: "node453", - name: "4.53", - data: {}, - children: [] - }] - }, { - id: "node354", - name: "3.54", - data: {}, - children: [{ - id: "node455", - name: "4.55", - data: {}, - children: [] - }, { - id: "node456", - name: "4.56", - data: {}, - children: [] - }, { - id: "node457", - name: "4.57", - data: {}, - children: [] - }] - }] - }, { - id: "node258", - name: "2.58", - data: {}, - children: [{ - id: "node359", - name: "3.59", - data: {}, - children: [{ - id: "node460", - name: "4.60", - data: {}, - children: [] - }, { - id: "node461", - name: "4.61", - data: {}, - children: [] - }, { - id: "node462", - name: "4.62", - data: {}, - children: [] - }, { - id: "node463", - name: "4.63", - data: {}, - children: [] - }, { - id: "node464", - name: "4.64", - data: {}, - children: [] - }] - }] - }] - }, { - id: "node165", - name: "1.65", - data: {}, - children: [{ - id: "node266", - name: "2.66", - data: {}, - children: [{ - id: "node367", - name: "3.67", - data: {}, - children: [{ - id: "node468", - name: "4.68", - data: {}, - children: [] - }, { - id: "node469", - name: "4.69", - data: {}, - children: [] - }, { - id: "node470", - name: "4.70", - data: {}, - children: [] - }, { - id: "node471", - name: "4.71", - data: {}, - children: [] - }] - }, { - id: "node372", - name: "3.72", - data: {}, - children: [{ - id: "node473", - name: "4.73", - data: {}, - children: [] - }, { - id: "node474", - name: "4.74", - data: {}, - children: [] - }, { - id: "node475", - name: "4.75", - data: {}, - children: [] - }, { - id: "node476", - name: "4.76", - data: {}, - children: [] - }] - }, { - id: "node377", - name: "3.77", - data: {}, - children: [{ - id: "node478", - name: "4.78", - data: {}, - children: [] - }, { - id: "node479", - name: "4.79", - data: {}, - children: [] - }] - }, { - id: "node380", - name: "3.80", - data: {}, - children: [{ - id: "node481", - name: "4.81", - data: {}, - children: [] - }, { - id: "node482", - name: "4.82", - data: {}, - children: [] - }] - }] - }, { - id: "node283", - name: "2.83", - data: {}, - children: [{ - id: "node384", - name: "3.84", - data: {}, - children: [{ - id: "node485", - name: "4.85", - data: {}, - children: [] - }] - }, { - id: "node386", - name: "3.86", - data: {}, - children: [{ - id: "node487", - name: "4.87", - data: {}, - children: [] - }, { - id: "node488", - name: "4.88", - data: {}, - children: [] - }, { - id: "node489", - name: "4.89", - data: {}, - children: [] - }, { - id: "node490", - name: "4.90", - data: {}, - children: [] - }, { - id: "node491", - name: "4.91", - data: {}, - children: [] - }] - }, { - id: "node392", - name: "3.92", - data: {}, - children: [{ - id: "node493", - name: "4.93", - data: {}, - children: [] - }, { - id: "node494", - name: "4.94", - data: {}, - children: [] - }, { - id: "node495", - name: "4.95", - data: {}, - children: [] - }, { - id: "node496", - name: "4.96", - data: {}, - children: [] - }] - }, { - id: "node397", - name: "3.97", - data: {}, - children: [{ - id: "node498", - name: "4.98", - data: {}, - children: [] - }] - }, { - id: "node399", - name: "3.99", - data: {}, - children: [{ - id: "node4100", - name: "4.100", - data: {}, - children: [] - }, { - id: "node4101", - name: "4.101", - data: {}, - children: [] - }, { - id: "node4102", - name: "4.102", - data: {}, - children: [] - }, { - id: "node4103", - name: "4.103", - data: {}, - children: [] - }] - }] - }, { - id: "node2104", - name: "2.104", - data: {}, - children: [{ - id: "node3105", - name: "3.105", - data: {}, - children: [{ - id: "node4106", - name: "4.106", - data: {}, - children: [] - }, { - id: "node4107", - name: "4.107", - data: {}, - children: [] - }, { - id: "node4108", - name: "4.108", - data: {}, - children: [] - }] - }] - }, { - id: "node2109", - name: "2.109", - data: {}, - children: [{ - id: "node3110", - name: "3.110", - data: {}, - children: [{ - id: "node4111", - name: "4.111", - data: {}, - children: [] - }, { - id: "node4112", - name: "4.112", - data: {}, - children: [] - }] - }, { - id: "node3113", - name: "3.113", - data: {}, - children: [{ - id: "node4114", - name: "4.114", - data: {}, - children: [] - }, { - id: "node4115", - name: "4.115", - data: {}, - children: [] - }, { - id: "node4116", - name: "4.116", - data: {}, - children: [] - }] - }, { - id: "node3117", - name: "3.117", - data: {}, - children: [{ - id: "node4118", - name: "4.118", - data: {}, - children: [] - }, { - id: "node4119", - name: "4.119", - data: {}, - children: [] - }, { - id: "node4120", - name: "4.120", - data: {}, - children: [] - }, { - id: "node4121", - name: "4.121", - data: {}, - children: [] - }] - }, { - id: "node3122", - name: "3.122", - data: {}, - children: [{ - id: "node4123", - name: "4.123", - data: {}, - children: [] - }, { - id: "node4124", - name: "4.124", - data: {}, - children: [] - }] - }] - }, { - id: "node2125", - name: "2.125", - data: {}, - children: [{ - id: "node3126", - name: "3.126", - data: {}, - children: [{ - id: "node4127", - name: "4.127", - data: {}, - children: [] - }, { - id: "node4128", - name: "4.128", - data: {}, - children: [] - }, { - id: "node4129", - name: "4.129", - data: {}, - children: [] - }] - }] - }] - }, { - id: "node1130", - name: "1.130", - data: {}, - children: [{ - id: "node2131", - name: "2.131", - data: {}, - children: [{ - id: "node3132", - name: "3.132", - data: {}, - children: [{ - id: "node4133", - name: "4.133", - data: {}, - children: [] - }, { - id: "node4134", - name: "4.134", - data: {}, - children: [] - }, { - id: "node4135", - name: "4.135", - data: {}, - children: [] - }, { - id: "node4136", - name: "4.136", - data: {}, - children: [] - }, { - id: "node4137", - name: "4.137", - data: {}, - children: [] - }] - }] - }, { - id: "node2138", - name: "2.138", - data: {}, - children: [{ - id: "node3139", - name: "3.139", - data: {}, - children: [{ - id: "node4140", - name: "4.140", - data: {}, - children: [] - }, { - id: "node4141", - name: "4.141", - data: {}, - children: [] - }] - }, { - id: "node3142", - name: "3.142", - data: {}, - children: [{ - id: "node4143", - name: "4.143", - data: {}, - children: [] - }, { - id: "node4144", - name: "4.144", - data: {}, - children: [] - }, { - id: "node4145", - name: "4.145", - data: {}, - children: [] - }, { - id: "node4146", - name: "4.146", - data: {}, - children: [] - }, { - id: "node4147", - name: "4.147", - data: {}, - children: [] - }] - }] - }] - }] - }; - //end - //init Spacetree - //Create a new ST instance - var st = new $jit.ST({ - //id of viz container element - injectInto: 'infovis', - //set duration for the animation - duration: 800, - //set animation transition type - transition: $jit.Trans.Quart.easeInOut, - //set distance between node and its children - levelDistance: 50, - //enable panning - Navigation: { - enable:true, - panning:true - }, - //set node and edge styles - //set overridable=true for styling individual - //nodes or edges - Node: { - height: 20, - width: 60, - type: 'rectangle', - color: '#aaa', - overridable: true - }, - - Edge: { - type: 'bezier', - overridable: true - }, - - onBeforeCompute: function(node){ - Log.write("loading " + node.name); - }, - - onAfterCompute: function(){ - Log.write("done"); - }, - - //This method is called on DOM label creation. - //Use this method to add event handlers and styles to - //your node. - onCreateLabel: function(label, node){ - label.id = node.id; - label.innerHTML = node.name; - label.onclick = function(){ - if(normal.checked) { - st.onClick(node.id); - } else { - st.setRoot(node.id, 'animate'); - } - }; - //set label styles - var style = label.style; - style.width = 60 + 'px'; - style.height = 17 + 'px'; - style.cursor = 'pointer'; - style.color = '#333'; - style.fontSize = '0.8em'; - style.textAlign= 'center'; - style.paddingTop = '3px'; - }, - - //This method is called right before plotting - //a node. It's useful for changing an individual node - //style properties before plotting it. - //The data properties prefixed with a dollar - //sign will override the global node style properties. - onBeforePlotNode: function(node){ - //add some color to the nodes in the path between the - //root node and the selected node. - if (node.selected) { - node.data.$color = "#ff7"; - } - else { - delete node.data.$color; - //if the node belongs to the last plotted level - if(!node.anySubnode("exist")) { - //count children number - var count = 0; - node.eachSubnode(function(n) { count++; }); - //assign a node color based on - //how many children it has - node.data.$color = ['#aaa', '#baa', '#caa', '#daa', '#eaa', '#faa'][count]; - } - } - }, - - //This method is called right before plotting - //an edge. It's useful for changing an individual edge - //style properties before plotting it. - //Edge data proprties prefixed with a dollar sign will - //override the Edge global style properties. - onBeforePlotLine: function(adj){ - if (adj.nodeFrom.selected && adj.nodeTo.selected) { - adj.data.$color = "#eed"; - adj.data.$lineWidth = 3; - } - else { - delete adj.data.$color; - delete adj.data.$lineWidth; - } - } - }); - //load json data - st.loadJSON(json); - //compute node positions and layout - st.compute(); - //optional: make a translation of the tree - st.geom.translate(new $jit.Complex(-200, 0), "current"); - //emulate a click on the root node. - st.onClick(st.root); - //end - //Add event handlers to switch spacetree orientation. - var top = $jit.id('r-top'), - left = $jit.id('r-left'), - bottom = $jit.id('r-bottom'), - right = $jit.id('r-right'), - normal = $jit.id('s-normal'); - - - function changeHandler() { - if(this.checked) { - top.disabled = bottom.disabled = right.disabled = left.disabled = true; - st.switchPosition(this.value, "animate", { - onComplete: function(){ - top.disabled = bottom.disabled = right.disabled = left.disabled = false; - } - }); - } - }; - - top.onchange = left.onchange = bottom.onchange = right.onchange = changeHandler; - //end - -} diff --git a/app/assets/javascripts/Jit/Examples/Spacetree/example2.html b/app/assets/javascripts/Jit/Examples/Spacetree/example2.html deleted file mode 100644 index 3c251cab..00000000 --- a/app/assets/javascripts/Jit/Examples/Spacetree/example2.html +++ /dev/null @@ -1,90 +0,0 @@ - - - - -Spacetree - SpaceTree with on-demand nodes - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -SpaceTree with on-demand nodes -

    - - This example shows how you can use the request controller method to create a SpaceTree with on demand nodes

    - The basic JSON Tree structure is cloned and appended on demand on each node to create an infinite large SpaceTree

    - You can select the tree orientation by changing the select box in the right column. - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -

    Change Tree Orientation

    - - - - - - - - - - - - - - - - -
    - - - -
    - - - -
    - - - -
    - - - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/Spacetree/example2.js b/app/assets/javascripts/Jit/Examples/Spacetree/example2.js deleted file mode 100644 index 87ea33a8..00000000 --- a/app/assets/javascripts/Jit/Examples/Spacetree/example2.js +++ /dev/null @@ -1,216 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - var json = "{id:\"node02\", name:\"0.2\", data:{}, children:[{id:\"node13\", name:\"1.3\", data:{}, children:[{id:\"node24\", name:\"2.4\", data:{}, children:[{id:\"node35\", name:\"3.5\", data:{}, children:[{id:\"node46\", name:\"4.6\", data:{}, children:[]}]}, {id:\"node37\", name:\"3.7\", data:{}, children:[{id:\"node48\", name:\"4.8\", data:{}, children:[]}, {id:\"node49\", name:\"4.9\", data:{}, children:[]}, {id:\"node410\", name:\"4.10\", data:{}, children:[]}, {id:\"node411\", name:\"4.11\", data:{}, children:[]}]}, {id:\"node312\", name:\"3.12\", data:{}, children:[{id:\"node413\", name:\"4.13\", data:{}, children:[]}]}, {id:\"node314\", name:\"3.14\", data:{}, children:[{id:\"node415\", name:\"4.15\", data:{}, children:[]}, {id:\"node416\", name:\"4.16\", data:{}, children:[]}, {id:\"node417\", name:\"4.17\", data:{}, children:[]}, {id:\"node418\", name:\"4.18\", data:{}, children:[]}]}, {id:\"node319\", name:\"3.19\", data:{}, children:[{id:\"node420\", name:\"4.20\", data:{}, children:[]}, {id:\"node421\", name:\"4.21\", data:{}, children:[]}]}]}, {id:\"node222\", name:\"2.22\", data:{}, children:[{id:\"node323\", name:\"3.23\", data:{}, children:[{id:\"node424\", name:\"4.24\", data:{}, children:[]}]}]}]}, {id:\"node125\", name:\"1.25\", data:{}, children:[{id:\"node226\", name:\"2.26\", data:{}, children:[{id:\"node327\", name:\"3.27\", data:{}, children:[{id:\"node428\", name:\"4.28\", data:{}, children:[]}, {id:\"node429\", name:\"4.29\", data:{}, children:[]}]}, {id:\"node330\", name:\"3.30\", data:{}, children:[{id:\"node431\", name:\"4.31\", data:{}, children:[]}]}, {id:\"node332\", name:\"3.32\", data:{}, children:[{id:\"node433\", name:\"4.33\", data:{}, children:[]}, {id:\"node434\", name:\"4.34\", data:{}, children:[]}, {id:\"node435\", name:\"4.35\", data:{}, children:[]}, {id:\"node436\", name:\"4.36\", data:{}, children:[]}]}]}, {id:\"node237\", name:\"2.37\", data:{}, children:[{id:\"node338\", name:\"3.38\", data:{}, children:[{id:\"node439\", name:\"4.39\", data:{}, children:[]}, {id:\"node440\", name:\"4.40\", data:{}, children:[]}, {id:\"node441\", name:\"4.41\", data:{}, children:[]}]}, {id:\"node342\", name:\"3.42\", data:{}, children:[{id:\"node443\", name:\"4.43\", data:{}, children:[]}]}, {id:\"node344\", name:\"3.44\", data:{}, children:[{id:\"node445\", name:\"4.45\", data:{}, children:[]}, {id:\"node446\", name:\"4.46\", data:{}, children:[]}, {id:\"node447\", name:\"4.47\", data:{}, children:[]}]}, {id:\"node348\", name:\"3.48\", data:{}, children:[{id:\"node449\", name:\"4.49\", data:{}, children:[]}, {id:\"node450\", name:\"4.50\", data:{}, children:[]}, {id:\"node451\", name:\"4.51\", data:{}, children:[]}, {id:\"node452\", name:\"4.52\", data:{}, children:[]}, {id:\"node453\", name:\"4.53\", data:{}, children:[]}]}, {id:\"node354\", name:\"3.54\", data:{}, children:[{id:\"node455\", name:\"4.55\", data:{}, children:[]}, {id:\"node456\", name:\"4.56\", data:{}, children:[]}, {id:\"node457\", name:\"4.57\", data:{}, children:[]}]}]}, {id:\"node258\", name:\"2.58\", data:{}, children:[{id:\"node359\", name:\"3.59\", data:{}, children:[{id:\"node460\", name:\"4.60\", data:{}, children:[]}, {id:\"node461\", name:\"4.61\", data:{}, children:[]}, {id:\"node462\", name:\"4.62\", data:{}, children:[]}, {id:\"node463\", name:\"4.63\", data:{}, children:[]}, {id:\"node464\", name:\"4.64\", data:{}, children:[]}]}]}]}, {id:\"node165\", name:\"1.65\", data:{}, children:[{id:\"node266\", name:\"2.66\", data:{}, children:[{id:\"node367\", name:\"3.67\", data:{}, children:[{id:\"node468\", name:\"4.68\", data:{}, children:[]}, {id:\"node469\", name:\"4.69\", data:{}, children:[]}, {id:\"node470\", name:\"4.70\", data:{}, children:[]}, {id:\"node471\", name:\"4.71\", data:{}, children:[]}]}, {id:\"node372\", name:\"3.72\", data:{}, children:[{id:\"node473\", name:\"4.73\", data:{}, children:[]}, {id:\"node474\", name:\"4.74\", data:{}, children:[]}, {id:\"node475\", name:\"4.75\", data:{}, children:[]}, {id:\"node476\", name:\"4.76\", data:{}, children:[]}]}, {id:\"node377\", name:\"3.77\", data:{}, children:[{id:\"node478\", name:\"4.78\", data:{}, children:[]}, {id:\"node479\", name:\"4.79\", data:{}, children:[]}]}, {id:\"node380\", name:\"3.80\", data:{}, children:[{id:\"node481\", name:\"4.81\", data:{}, children:[]}, {id:\"node482\", name:\"4.82\", data:{}, children:[]}]}]}, {id:\"node283\", name:\"2.83\", data:{}, children:[{id:\"node384\", name:\"3.84\", data:{}, children:[{id:\"node485\", name:\"4.85\", data:{}, children:[]}]}, {id:\"node386\", name:\"3.86\", data:{}, children:[{id:\"node487\", name:\"4.87\", data:{}, children:[]}, {id:\"node488\", name:\"4.88\", data:{}, children:[]}, {id:\"node489\", name:\"4.89\", data:{}, children:[]}, {id:\"node490\", name:\"4.90\", data:{}, children:[]}, {id:\"node491\", name:\"4.91\", data:{}, children:[]}]}, {id:\"node392\", name:\"3.92\", data:{}, children:[{id:\"node493\", name:\"4.93\", data:{}, children:[]}, {id:\"node494\", name:\"4.94\", data:{}, children:[]}, {id:\"node495\", name:\"4.95\", data:{}, children:[]}, {id:\"node496\", name:\"4.96\", data:{}, children:[]}]}, {id:\"node397\", name:\"3.97\", data:{}, children:[{id:\"node498\", name:\"4.98\", data:{}, children:[]}]}, {id:\"node399\", name:\"3.99\", data:{}, children:[{id:\"node4100\", name:\"4.100\", data:{}, children:[]}, {id:\"node4101\", name:\"4.101\", data:{}, children:[]}, {id:\"node4102\", name:\"4.102\", data:{}, children:[]}, {id:\"node4103\", name:\"4.103\", data:{}, children:[]}]}]}, {id:\"node2104\", name:\"2.104\", data:{}, children:[{id:\"node3105\", name:\"3.105\", data:{}, children:[{id:\"node4106\", name:\"4.106\", data:{}, children:[]}, {id:\"node4107\", name:\"4.107\", data:{}, children:[]}, {id:\"node4108\", name:\"4.108\", data:{}, children:[]}]}]}, {id:\"node2109\", name:\"2.109\", data:{}, children:[{id:\"node3110\", name:\"3.110\", data:{}, children:[{id:\"node4111\", name:\"4.111\", data:{}, children:[]}, {id:\"node4112\", name:\"4.112\", data:{}, children:[]}]}, {id:\"node3113\", name:\"3.113\", data:{}, children:[{id:\"node4114\", name:\"4.114\", data:{}, children:[]}, {id:\"node4115\", name:\"4.115\", data:{}, children:[]}, {id:\"node4116\", name:\"4.116\", data:{}, children:[]}]}, {id:\"node3117\", name:\"3.117\", data:{}, children:[{id:\"node4118\", name:\"4.118\", data:{}, children:[]}, {id:\"node4119\", name:\"4.119\", data:{}, children:[]}, {id:\"node4120\", name:\"4.120\", data:{}, children:[]}, {id:\"node4121\", name:\"4.121\", data:{}, children:[]}]}, {id:\"node3122\", name:\"3.122\", data:{}, children:[{id:\"node4123\", name:\"4.123\", data:{}, children:[]}, {id:\"node4124\", name:\"4.124\", data:{}, children:[]}]}]}, {id:\"node2125\", name:\"2.125\", data:{}, children:[{id:\"node3126\", name:\"3.126\", data:{}, children:[{id:\"node4127\", name:\"4.127\", data:{}, children:[]}, {id:\"node4128\", name:\"4.128\", data:{}, children:[]}, {id:\"node4129\", name:\"4.129\", data:{}, children:[]}]}]}]}, {id:\"node1130\", name:\"1.130\", data:{}, children:[{id:\"node2131\", name:\"2.131\", data:{}, children:[{id:\"node3132\", name:\"3.132\", data:{}, children:[{id:\"node4133\", name:\"4.133\", data:{}, children:[]}, {id:\"node4134\", name:\"4.134\", data:{}, children:[]}, {id:\"node4135\", name:\"4.135\", data:{}, children:[]}, {id:\"node4136\", name:\"4.136\", data:{}, children:[]}, {id:\"node4137\", name:\"4.137\", data:{}, children:[]}]}]}, {id:\"node2138\", name:\"2.138\", data:{}, children:[{id:\"node3139\", name:\"3.139\", data:{}, children:[{id:\"node4140\", name:\"4.140\", data:{}, children:[]}, {id:\"node4141\", name:\"4.141\", data:{}, children:[]}]}, {id:\"node3142\", name:\"3.142\", data:{}, children:[{id:\"node4143\", name:\"4.143\", data:{}, children:[]}, {id:\"node4144\", name:\"4.144\", data:{}, children:[]}, {id:\"node4145\", name:\"4.145\", data:{}, children:[]}, {id:\"node4146\", name:\"4.146\", data:{}, children:[]}, {id:\"node4147\", name:\"4.147\", data:{}, children:[]}]}]}]}]}"; - //end - - //A client-side tree generator - var getTree = (function() { - var i = 0; - return function(nodeId, level) { - var subtree = eval('(' + json.replace(/id:\"([a-zA-Z0-9]+)\"/g, - function(all, match) { - return "id:\"" + match + "_" + i + "\"" - }) + ')'); - $jit.json.prune(subtree, level); i++; - return { - 'id': nodeId, - 'children': subtree.children - }; - }; - })(); - - //Implement a node rendering function called 'nodeline' that plots a straight line - //when contracting or expanding a subtree. - $jit.ST.Plot.NodeTypes.implement({ - 'nodeline': { - 'render': function(node, canvas, animating) { - if(animating === 'expand' || animating === 'contract') { - var pos = node.pos.getc(true), nconfig = this.node, data = node.data; - var width = nconfig.width, height = nconfig.height; - var algnPos = this.getAlignedPos(pos, width, height); - var ctx = canvas.getCtx(), ort = this.config.orientation; - ctx.beginPath(); - if(ort == 'left' || ort == 'right') { - ctx.moveTo(algnPos.x, algnPos.y + height / 2); - ctx.lineTo(algnPos.x + width, algnPos.y + height / 2); - } else { - ctx.moveTo(algnPos.x + width / 2, algnPos.y); - ctx.lineTo(algnPos.x + width / 2, algnPos.y + height); - } - ctx.stroke(); - } - } - } - - }); - - //init Spacetree - //Create a new ST instance - var st = new $jit.ST({ - 'injectInto': 'infovis', - //set duration for the animation - duration: 800, - //set animation transition type - transition: $jit.Trans.Quart.easeInOut, - //set distance between node and its children - levelDistance: 50, - //set max levels to show. Useful when used with - //the request method for requesting trees of specific depth - levelsToShow: 2, - //set node and edge styles - //set overridable=true for styling individual - //nodes or edges - Node: { - height: 20, - width: 40, - //use a custom - //node rendering function - type: 'nodeline', - color:'#23A4FF', - lineWidth: 2, - align:"center", - overridable: true - }, - - Edge: { - type: 'bezier', - lineWidth: 2, - color:'#23A4FF', - overridable: true - }, - - //Add a request method for requesting on-demand json trees. - //This method gets called when a node - //is clicked and its subtree has a smaller depth - //than the one specified by the levelsToShow parameter. - //In that case a subtree is requested and is added to the dataset. - //This method is asynchronous, so you can make an Ajax request for that - //subtree and then handle it to the onComplete callback. - //Here we just use a client-side tree generator (the getTree function). - request: function(nodeId, level, onComplete) { - var ans = getTree(nodeId, level); - onComplete.onComplete(nodeId, ans); - }, - - onBeforeCompute: function(node){ - Log.write("loading " + node.name); - }, - - onAfterCompute: function(){ - Log.write("done"); - }, - - //This method is called on DOM label creation. - //Use this method to add event handlers and styles to - //your node. - onCreateLabel: function(label, node){ - label.id = node.id; - label.innerHTML = node.name; - label.onclick = function(){ - st.onClick(node.id); - }; - //set label styles - var style = label.style; - style.width = 40 + 'px'; - style.height = 17 + 'px'; - style.cursor = 'pointer'; - style.color = '#fff'; - //style.backgroundColor = '#1a1a1a'; - style.fontSize = '0.8em'; - style.textAlign= 'center'; - style.textDecoration = 'underline'; - style.paddingTop = '3px'; - }, - - //This method is called right before plotting - //a node. It's useful for changing an individual node - //style properties before plotting it. - //The data properties prefixed with a dollar - //sign will override the global node style properties. - onBeforePlotNode: function(node){ - //add some color to the nodes in the path between the - //root node and the selected node. - if (node.selected) { - node.data.$color = "#ff7"; - } - else { - delete node.data.$color; - } - }, - - //This method is called right before plotting - //an edge. It's useful for changing an individual edge - //style properties before plotting it. - //Edge data proprties prefixed with a dollar sign will - //override the Edge global style properties. - onBeforePlotLine: function(adj){ - if (adj.nodeFrom.selected && adj.nodeTo.selected) { - adj.data.$color = "#eed"; - adj.data.$lineWidth = 3; - } - else { - delete adj.data.$color; - delete adj.data.$lineWidth; - } - } - }); - //load json data - st.loadJSON(eval( '(' + json + ')' )); - //compute node positions and layout - st.compute(); - //emulate a click on the root node. - st.onClick(st.root); - //end - //Add event handlers to switch spacetree orientation. - function get(id) { - return document.getElementById(id); - }; - - var top = get('r-top'), - left = get('r-left'), - bottom = get('r-bottom'), - right = get('r-right'); - - function changeHandler() { - if(this.checked) { - top.disabled = bottom.disabled = right.disabled = left.disabled = true; - st.switchPosition(this.value, "animate", { - onComplete: function(){ - top.disabled = bottom.disabled = right.disabled = left.disabled = false; - } - }); - } - }; - - top.onchange = left.onchange = bottom.onchange = right.onchange = changeHandler; - //end - -} diff --git a/app/assets/javascripts/Jit/Examples/Spacetree/example3.html b/app/assets/javascripts/Jit/Examples/Spacetree/example3.html deleted file mode 100644 index 01af5c3f..00000000 --- a/app/assets/javascripts/Jit/Examples/Spacetree/example3.html +++ /dev/null @@ -1,75 +0,0 @@ - - - - -Spacetree - Add/Remove Subtrees - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Add/Remove Subtrees -

    - - This example shows how to add/remove subtrees with the SpaceTree.

    - Add a subtree by clicking on the Add button located in the right column.

    - Remove a subtree by clicking on a red colored node - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -

    Add Subtrees

    - - - - - - - - - -
    - Animate: - - -
    - - - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/Spacetree/example3.js b/app/assets/javascripts/Jit/Examples/Spacetree/example3.js deleted file mode 100644 index 319038c3..00000000 --- a/app/assets/javascripts/Jit/Examples/Spacetree/example3.js +++ /dev/null @@ -1,865 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - var json = { - id: "node02", - name: "0.2", - data: {}, - children: [{ - id: "node13", - name: "1.3", - data: {}, - children: [{ - id: "node24", - name: "2.4", - data: {}, - children: [{ - id: "node35", - name: "3.5", - data: {}, - children: [{ - id: "node46", - name: "4.6", - data: {}, - children: [] - }] - }, { - id: "node37", - name: "3.7", - data: {}, - children: [{ - id: "node48", - name: "4.8", - data: {}, - children: [] - }, { - id: "node49", - name: "4.9", - data: {}, - children: [] - }, { - id: "node410", - name: "4.10", - data: {}, - children: [] - }, { - id: "node411", - name: "4.11", - data: {}, - children: [] - }] - }, { - id: "node312", - name: "3.12", - data: {}, - children: [{ - id: "node413", - name: "4.13", - data: {}, - children: [] - }] - }, { - id: "node314", - name: "3.14", - data: {}, - children: [{ - id: "node415", - name: "4.15", - data: {}, - children: [] - }, { - id: "node416", - name: "4.16", - data: {}, - children: [] - }, { - id: "node417", - name: "4.17", - data: {}, - children: [] - }, { - id: "node418", - name: "4.18", - data: {}, - children: [] - }] - }, { - id: "node319", - name: "3.19", - data: {}, - children: [{ - id: "node420", - name: "4.20", - data: {}, - children: [] - }, { - id: "node421", - name: "4.21", - data: {}, - children: [] - }] - }] - }, { - id: "node222", - name: "2.22", - data: {}, - children: [{ - id: "node323", - name: "3.23", - data: {}, - children: [{ - id: "node424", - name: "4.24", - data: {}, - children: [] - }] - }] - }] - }, { - id: "node125", - name: "1.25", - data: {}, - children: [{ - id: "node226", - name: "2.26", - data: {}, - children: [{ - id: "node327", - name: "3.27", - data: {}, - children: [{ - id: "node428", - name: "4.28", - data: {}, - children: [] - }, { - id: "node429", - name: "4.29", - data: {}, - children: [] - }] - }, { - id: "node330", - name: "3.30", - data: {}, - children: [{ - id: "node431", - name: "4.31", - data: {}, - children: [] - }] - }, { - id: "node332", - name: "3.32", - data: {}, - children: [{ - id: "node433", - name: "4.33", - data: {}, - children: [] - }, { - id: "node434", - name: "4.34", - data: {}, - children: [] - }, { - id: "node435", - name: "4.35", - data: {}, - children: [] - }, { - id: "node436", - name: "4.36", - data: {}, - children: [] - }] - }] - }, { - id: "node237", - name: "2.37", - data: {}, - children: [{ - id: "node338", - name: "3.38", - data: {}, - children: [{ - id: "node439", - name: "4.39", - data: {}, - children: [] - }, { - id: "node440", - name: "4.40", - data: {}, - children: [] - }, { - id: "node441", - name: "4.41", - data: {}, - children: [] - }] - }, { - id: "node342", - name: "3.42", - data: {}, - children: [{ - id: "node443", - name: "4.43", - data: {}, - children: [] - }] - }, { - id: "node344", - name: "3.44", - data: {}, - children: [{ - id: "node445", - name: "4.45", - data: {}, - children: [] - }, { - id: "node446", - name: "4.46", - data: {}, - children: [] - }, { - id: "node447", - name: "4.47", - data: {}, - children: [] - }] - }, { - id: "node348", - name: "3.48", - data: {}, - children: [{ - id: "node449", - name: "4.49", - data: {}, - children: [] - }, { - id: "node450", - name: "4.50", - data: {}, - children: [] - }, { - id: "node451", - name: "4.51", - data: {}, - children: [] - }, { - id: "node452", - name: "4.52", - data: {}, - children: [] - }, { - id: "node453", - name: "4.53", - data: {}, - children: [] - }] - }, { - id: "node354", - name: "3.54", - data: {}, - children: [{ - id: "node455", - name: "4.55", - data: {}, - children: [] - }, { - id: "node456", - name: "4.56", - data: {}, - children: [] - }, { - id: "node457", - name: "4.57", - data: {}, - children: [] - }] - }] - }, { - id: "node258", - name: "2.58", - data: {}, - children: [{ - id: "node359", - name: "3.59", - data: {}, - children: [{ - id: "node460", - name: "4.60", - data: {}, - children: [] - }, { - id: "node461", - name: "4.61", - data: {}, - children: [] - }, { - id: "node462", - name: "4.62", - data: {}, - children: [] - }, { - id: "node463", - name: "4.63", - data: {}, - children: [] - }, { - id: "node464", - name: "4.64", - data: {}, - children: [] - }] - }] - }] - }, { - id: "node165", - name: "1.65", - data: {}, - children: [{ - id: "node266", - name: "2.66", - data: {}, - children: [{ - id: "node367", - name: "3.67", - data: {}, - children: [{ - id: "node468", - name: "4.68", - data: {}, - children: [] - }, { - id: "node469", - name: "4.69", - data: {}, - children: [] - }, { - id: "node470", - name: "4.70", - data: {}, - children: [] - }, { - id: "node471", - name: "4.71", - data: {}, - children: [] - }] - }, { - id: "node372", - name: "3.72", - data: {}, - children: [{ - id: "node473", - name: "4.73", - data: {}, - children: [] - }, { - id: "node474", - name: "4.74", - data: {}, - children: [] - }, { - id: "node475", - name: "4.75", - data: {}, - children: [] - }, { - id: "node476", - name: "4.76", - data: {}, - children: [] - }] - }, { - id: "node377", - name: "3.77", - data: {}, - children: [{ - id: "node478", - name: "4.78", - data: {}, - children: [] - }, { - id: "node479", - name: "4.79", - data: {}, - children: [] - }] - }, { - id: "node380", - name: "3.80", - data: {}, - children: [{ - id: "node481", - name: "4.81", - data: {}, - children: [] - }, { - id: "node482", - name: "4.82", - data: {}, - children: [] - }] - }] - }, { - id: "node283", - name: "2.83", - data: {}, - children: [{ - id: "node384", - name: "3.84", - data: {}, - children: [{ - id: "node485", - name: "4.85", - data: {}, - children: [] - }] - }, { - id: "node386", - name: "3.86", - data: {}, - children: [{ - id: "node487", - name: "4.87", - data: {}, - children: [] - }, { - id: "node488", - name: "4.88", - data: {}, - children: [] - }, { - id: "node489", - name: "4.89", - data: {}, - children: [] - }, { - id: "node490", - name: "4.90", - data: {}, - children: [] - }, { - id: "node491", - name: "4.91", - data: {}, - children: [] - }] - }, { - id: "node392", - name: "3.92", - data: {}, - children: [{ - id: "node493", - name: "4.93", - data: {}, - children: [] - }, { - id: "node494", - name: "4.94", - data: {}, - children: [] - }, { - id: "node495", - name: "4.95", - data: {}, - children: [] - }, { - id: "node496", - name: "4.96", - data: {}, - children: [] - }] - }, { - id: "node397", - name: "3.97", - data: {}, - children: [{ - id: "node498", - name: "4.98", - data: {}, - children: [] - }] - }, { - id: "node399", - name: "3.99", - data: {}, - children: [{ - id: "node4100", - name: "4.100", - data: {}, - children: [] - }, { - id: "node4101", - name: "4.101", - data: {}, - children: [] - }, { - id: "node4102", - name: "4.102", - data: {}, - children: [] - }, { - id: "node4103", - name: "4.103", - data: {}, - children: [] - }] - }] - }, { - id: "node2104", - name: "2.104", - data: {}, - children: [{ - id: "node3105", - name: "3.105", - data: {}, - children: [{ - id: "node4106", - name: "4.106", - data: {}, - children: [] - }, { - id: "node4107", - name: "4.107", - data: {}, - children: [] - }, { - id: "node4108", - name: "4.108", - data: {}, - children: [] - }] - }] - }, { - id: "node2109", - name: "2.109", - data: {}, - children: [{ - id: "node3110", - name: "3.110", - data: {}, - children: [{ - id: "node4111", - name: "4.111", - data: {}, - children: [] - }, { - id: "node4112", - name: "4.112", - data: {}, - children: [] - }] - }, { - id: "node3113", - name: "3.113", - data: {}, - children: [{ - id: "node4114", - name: "4.114", - data: {}, - children: [] - }, { - id: "node4115", - name: "4.115", - data: {}, - children: [] - }, { - id: "node4116", - name: "4.116", - data: {}, - children: [] - }] - }, { - id: "node3117", - name: "3.117", - data: {}, - children: [{ - id: "node4118", - name: "4.118", - data: {}, - children: [] - }, { - id: "node4119", - name: "4.119", - data: {}, - children: [] - }, { - id: "node4120", - name: "4.120", - data: {}, - children: [] - }, { - id: "node4121", - name: "4.121", - data: {}, - children: [] - }] - }, { - id: "node3122", - name: "3.122", - data: {}, - children: [{ - id: "node4123", - name: "4.123", - data: {}, - children: [] - }, { - id: "node4124", - name: "4.124", - data: {}, - children: [] - }] - }] - }, { - id: "node2125", - name: "2.125", - data: {}, - children: [{ - id: "node3126", - name: "3.126", - data: {}, - children: [{ - id: "node4127", - name: "4.127", - data: {}, - children: [] - }, { - id: "node4128", - name: "4.128", - data: {}, - children: [] - }, { - id: "node4129", - name: "4.129", - data: {}, - children: [] - }] - }] - }] - }, { - id: "node1130", - name: "1.130", - data: {}, - children: [{ - id: "node2131", - name: "2.131", - data: {}, - children: [{ - id: "node3132", - name: "3.132", - data: {}, - children: [{ - id: "node4133", - name: "4.133", - data: {}, - children: [] - }, { - id: "node4134", - name: "4.134", - data: {}, - children: [] - }, { - id: "node4135", - name: "4.135", - data: {}, - children: [] - }, { - id: "node4136", - name: "4.136", - data: {}, - children: [] - }, { - id: "node4137", - name: "4.137", - data: {}, - children: [] - }] - }] - }, { - id: "node2138", - name: "2.138", - data: {}, - children: [{ - id: "node3139", - name: "3.139", - data: {}, - children: [{ - id: "node4140", - name: "4.140", - data: {}, - children: [] - }, { - id: "node4141", - name: "4.141", - data: {}, - children: [] - }] - }, { - id: "node3142", - name: "3.142", - data: {}, - children: [{ - id: "node4143", - name: "4.143", - data: {}, - children: [] - }, { - id: "node4144", - name: "4.144", - data: {}, - children: [] - }, { - id: "node4145", - name: "4.145", - data: {}, - children: [] - }, { - id: "node4146", - name: "4.146", - data: {}, - children: [] - }, { - id: "node4147", - name: "4.147", - data: {}, - children: [] - }] - }] - }] - }] - }; - var subtree = json.children.pop(); - //end - var removing = false; - //init Spacetree - //Create a new ST instance - var st = new $jit.ST({ - 'injectInto': 'infovis', - //add styles/shapes/colors - //to nodes and edges - - //set overridable=true if you want - //to set styles for nodes individually - Node: { - overridable: true, - width: 60, - height: 20, - color: '#ccc' - }, - //change the animation/transition effect - transition: $jit.Trans.Quart.easeOut, - - onBeforeCompute: function(node){ - Log.write("loading " + node.name); - }, - - onAfterCompute: function(node){ - Log.write("done"); - }, - - //This method is triggered on label - //creation. This means that for each node - //this method is triggered only once. - //This method is useful for adding event - //handlers to each node label. - onCreateLabel: function(label, node){ - //add some styles to the node label - var style = label.style; - label.id = node.id; - style.color = '#333'; - style.fontSize = '0.8em'; - style.textAlign = 'center'; - style.width = "60px"; - style.height = "20px"; - label.innerHTML = node.name; - //Delete the specified subtree - //when clicking on a label. - //Only apply this method for nodes - //in the first level of the tree. - if(node._depth == 1) { - style.cursor = 'pointer'; - label.onclick = function() { - if(!removing) { - removing = true; - Log.write("removing subtree..."); - //remove the subtree - st.removeSubtree(label.id, true, 'animate', { - hideLabels: false, - onAfterCompute: function() { - removing = false; - Log.write("subtree removed"); - } - }); - } - } - }; - }, - //This method is triggered right before plotting a node. - //This method is useful for adding style - //to a node before it's being rendered. - onBeforePlotNode: function(node) { - if (node._depth == 1) { - node.data.$color = '#f77'; - } - } - }); - //load json data - st.loadJSON(json); - //compute node positions and layout - st.compute(); - //optional: make a translation of the tree - st.geom.translate(new $jit.Complex(-200, 0), "current"); - //Emulate a click on the root node. - st.onClick(st.root); - //end - - //init handler - //Add an event handler to the add button for - //adding a subtree. - var animate = document.getElementById('animate'); - var addButton = document.getElementById('addSubtree'); - addButton.onclick = function() { - var type = animate.checked? "animate" : "replot"; - subtree.id = "node02"; - Log.write("adding subtree..."); - //add the subtree - st.addSubtree(subtree, type, { - hideLabels: false, - onAfterCompute: function() { - Log.write("subtree added"); - } - }); - }; - //end -} diff --git a/app/assets/javascripts/Jit/Examples/Spacetree/example4.html b/app/assets/javascripts/Jit/Examples/Spacetree/example4.html deleted file mode 100644 index 49a77e95..00000000 --- a/app/assets/javascripts/Jit/Examples/Spacetree/example4.html +++ /dev/null @@ -1,78 +0,0 @@ - - - - -Spacetree - MultiTree - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -MultiTree -

    - - A static JSON Tree structure is used as input for this animation.

    - By setting the specific orientation for nodes we can create a multitree structure.

    - Nodes and Edges are styled with canvas specific styles like shadows.

    - Click on a node to select it.

    - You can change the selection mode from Normal selection (i.e. center the selected node) to - Set as Root. - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -

    Selection Mode

    - - - - - - - - - -
    - - - -
    - - - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/Spacetree/example4.js b/app/assets/javascripts/Jit/Examples/Spacetree/example4.js deleted file mode 100644 index 68da1c2b..00000000 --- a/app/assets/javascripts/Jit/Examples/Spacetree/example4.js +++ /dev/null @@ -1,899 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - var json = { - id: "node02", - name: "0.2", - data: {}, - children: [{ - id: "node13", - name: "1.3", - data: {}, - children: [{ - id: "node24", - name: "2.4", - data: {}, - children: [{ - id: "node35", - name: "3.5", - data: {}, - children: [{ - id: "node46", - name: "4.6", - data: {}, - children: [] - }] - }, { - id: "node37", - name: "3.7", - data: {}, - children: [{ - id: "node48", - name: "4.8", - data: {}, - children: [] - }, { - id: "node49", - name: "4.9", - data: {}, - children: [] - }, { - id: "node410", - name: "4.10", - data: {}, - children: [] - }, { - id: "node411", - name: "4.11", - data: {}, - children: [] - }] - }, { - id: "node312", - name: "3.12", - data: {}, - children: [{ - id: "node413", - name: "4.13", - data: {}, - children: [] - }] - }, { - id: "node314", - name: "3.14", - data: {}, - children: [{ - id: "node415", - name: "4.15", - data: {}, - children: [] - }, { - id: "node416", - name: "4.16", - data: {}, - children: [] - }, { - id: "node417", - name: "4.17", - data: {}, - children: [] - }, { - id: "node418", - name: "4.18", - data: {}, - children: [] - }] - }, { - id: "node319", - name: "3.19", - data: {}, - children: [{ - id: "node420", - name: "4.20", - data: {}, - children: [] - }, { - id: "node421", - name: "4.21", - data: {}, - children: [] - }] - }] - }, { - id: "node222", - name: "2.22", - data: {}, - children: [{ - id: "node323", - name: "3.23", - data: {}, - children: [{ - id: "node424", - name: "4.24", - data: {}, - children: [] - }] - }] - }] - }, { - id: "node125", - name: "1.25", - data: {}, - children: [{ - id: "node226", - name: "2.26", - data: {}, - children: [{ - id: "node327", - name: "3.27", - data: {}, - children: [{ - id: "node428", - name: "4.28", - data: {}, - children: [] - }, { - id: "node429", - name: "4.29", - data: {}, - children: [] - }] - }, { - id: "node330", - name: "3.30", - data: {}, - children: [{ - id: "node431", - name: "4.31", - data: {}, - children: [] - }] - }, { - id: "node332", - name: "3.32", - data: {}, - children: [{ - id: "node433", - name: "4.33", - data: {}, - children: [] - }, { - id: "node434", - name: "4.34", - data: {}, - children: [] - }, { - id: "node435", - name: "4.35", - data: {}, - children: [] - }, { - id: "node436", - name: "4.36", - data: {}, - children: [] - }] - }] - }, { - id: "node237", - name: "2.37", - data: {}, - children: [{ - id: "node338", - name: "3.38", - data: {}, - children: [{ - id: "node439", - name: "4.39", - data: {}, - children: [] - }, { - id: "node440", - name: "4.40", - data: {}, - children: [] - }, { - id: "node441", - name: "4.41", - data: {}, - children: [] - }] - }, { - id: "node342", - name: "3.42", - data: {}, - children: [{ - id: "node443", - name: "4.43", - data: {}, - children: [] - }] - }, { - id: "node344", - name: "3.44", - data: {}, - children: [{ - id: "node445", - name: "4.45", - data: {}, - children: [] - }, { - id: "node446", - name: "4.46", - data: {}, - children: [] - }, { - id: "node447", - name: "4.47", - data: {}, - children: [] - }] - }, { - id: "node348", - name: "3.48", - data: {}, - children: [{ - id: "node449", - name: "4.49", - data: {}, - children: [] - }, { - id: "node450", - name: "4.50", - data: {}, - children: [] - }, { - id: "node451", - name: "4.51", - data: {}, - children: [] - }, { - id: "node452", - name: "4.52", - data: {}, - children: [] - }, { - id: "node453", - name: "4.53", - data: {}, - children: [] - }] - }, { - id: "node354", - name: "3.54", - data: {}, - children: [{ - id: "node455", - name: "4.55", - data: {}, - children: [] - }, { - id: "node456", - name: "4.56", - data: {}, - children: [] - }, { - id: "node457", - name: "4.57", - data: {}, - children: [] - }] - }] - }, { - id: "node258", - name: "2.58", - data: {}, - children: [{ - id: "node359", - name: "3.59", - data: {}, - children: [{ - id: "node460", - name: "4.60", - data: {}, - children: [] - }, { - id: "node461", - name: "4.61", - data: {}, - children: [] - }, { - id: "node462", - name: "4.62", - data: {}, - children: [] - }, { - id: "node463", - name: "4.63", - data: {}, - children: [] - }, { - id: "node464", - name: "4.64", - data: {}, - children: [] - }] - }] - }] - }, { - id: "node165", - name: "1.65", - data: {}, - children: [{ - id: "node266", - name: "2.66", - data: {}, - children: [{ - id: "node367", - name: "3.67", - data: {}, - children: [{ - id: "node468", - name: "4.68", - data: {}, - children: [] - }, { - id: "node469", - name: "4.69", - data: {}, - children: [] - }, { - id: "node470", - name: "4.70", - data: {}, - children: [] - }, { - id: "node471", - name: "4.71", - data: {}, - children: [] - }] - }, { - id: "node372", - name: "3.72", - data: {}, - children: [{ - id: "node473", - name: "4.73", - data: {}, - children: [] - }, { - id: "node474", - name: "4.74", - data: {}, - children: [] - }, { - id: "node475", - name: "4.75", - data: {}, - children: [] - }, { - id: "node476", - name: "4.76", - data: {}, - children: [] - }] - }, { - id: "node377", - name: "3.77", - data: {}, - children: [{ - id: "node478", - name: "4.78", - data: {}, - children: [] - }, { - id: "node479", - name: "4.79", - data: {}, - children: [] - }] - }, { - id: "node380", - name: "3.80", - data: {}, - children: [{ - id: "node481", - name: "4.81", - data: {}, - children: [] - }, { - id: "node482", - name: "4.82", - data: {}, - children: [] - }] - }] - }, { - id: "node283", - name: "2.83", - data: {}, - children: [{ - id: "node384", - name: "3.84", - data: {}, - children: [{ - id: "node485", - name: "4.85", - data: {}, - children: [] - }] - }, { - id: "node386", - name: "3.86", - data: {}, - children: [{ - id: "node487", - name: "4.87", - data: {}, - children: [] - }, { - id: "node488", - name: "4.88", - data: {}, - children: [] - }, { - id: "node489", - name: "4.89", - data: {}, - children: [] - }, { - id: "node490", - name: "4.90", - data: {}, - children: [] - }, { - id: "node491", - name: "4.91", - data: {}, - children: [] - }] - }, { - id: "node392", - name: "3.92", - data: {}, - children: [{ - id: "node493", - name: "4.93", - data: {}, - children: [] - }, { - id: "node494", - name: "4.94", - data: {}, - children: [] - }, { - id: "node495", - name: "4.95", - data: {}, - children: [] - }, { - id: "node496", - name: "4.96", - data: {}, - children: [] - }] - }, { - id: "node397", - name: "3.97", - data: {}, - children: [{ - id: "node498", - name: "4.98", - data: {}, - children: [] - }] - }, { - id: "node399", - name: "3.99", - data: {}, - children: [{ - id: "node4100", - name: "4.100", - data: {}, - children: [] - }, { - id: "node4101", - name: "4.101", - data: {}, - children: [] - }, { - id: "node4102", - name: "4.102", - data: {}, - children: [] - }, { - id: "node4103", - name: "4.103", - data: {}, - children: [] - }] - }] - }, { - id: "node2104", - name: "2.104", - data: {}, - children: [{ - id: "node3105", - name: "3.105", - data: {}, - children: [{ - id: "node4106", - name: "4.106", - data: {}, - children: [] - }, { - id: "node4107", - name: "4.107", - data: {}, - children: [] - }, { - id: "node4108", - name: "4.108", - data: {}, - children: [] - }] - }] - }, { - id: "node2109", - name: "2.109", - data: {}, - children: [{ - id: "node3110", - name: "3.110", - data: {}, - children: [{ - id: "node4111", - name: "4.111", - data: {}, - children: [] - }, { - id: "node4112", - name: "4.112", - data: {}, - children: [] - }] - }, { - id: "node3113", - name: "3.113", - data: {}, - children: [{ - id: "node4114", - name: "4.114", - data: {}, - children: [] - }, { - id: "node4115", - name: "4.115", - data: {}, - children: [] - }, { - id: "node4116", - name: "4.116", - data: {}, - children: [] - }] - }, { - id: "node3117", - name: "3.117", - data: {}, - children: [{ - id: "node4118", - name: "4.118", - data: {}, - children: [] - }, { - id: "node4119", - name: "4.119", - data: {}, - children: [] - }, { - id: "node4120", - name: "4.120", - data: {}, - children: [] - }, { - id: "node4121", - name: "4.121", - data: {}, - children: [] - }] - }, { - id: "node3122", - name: "3.122", - data: {}, - children: [{ - id: "node4123", - name: "4.123", - data: {}, - children: [] - }, { - id: "node4124", - name: "4.124", - data: {}, - children: [] - }] - }] - }, { - id: "node2125", - name: "2.125", - data: {}, - children: [{ - id: "node3126", - name: "3.126", - data: {}, - children: [{ - id: "node4127", - name: "4.127", - data: {}, - children: [] - }, { - id: "node4128", - name: "4.128", - data: {}, - children: [] - }, { - id: "node4129", - name: "4.129", - data: {}, - children: [] - }] - }] - }] - }, { - id: "node1130", - name: "1.130", - data: {}, - children: [{ - id: "node2131", - name: "2.131", - data: {}, - children: [{ - id: "node3132", - name: "3.132", - data: {}, - children: [{ - id: "node4133", - name: "4.133", - data: {}, - children: [] - }, { - id: "node4134", - name: "4.134", - data: {}, - children: [] - }, { - id: "node4135", - name: "4.135", - data: {}, - children: [] - }, { - id: "node4136", - name: "4.136", - data: {}, - children: [] - }, { - id: "node4137", - name: "4.137", - data: {}, - children: [] - }] - }] - }, { - id: "node2138", - name: "2.138", - data: {}, - children: [{ - id: "node3139", - name: "3.139", - data: {}, - children: [{ - id: "node4140", - name: "4.140", - data: {}, - children: [] - }, { - id: "node4141", - name: "4.141", - data: {}, - children: [] - }] - }, { - id: "node3142", - name: "3.142", - data: {}, - children: [{ - id: "node4143", - name: "4.143", - data: {}, - children: [] - }, { - id: "node4144", - name: "4.144", - data: {}, - children: [] - }, { - id: "node4145", - name: "4.145", - data: {}, - children: [] - }, { - id: "node4146", - name: "4.146", - data: {}, - children: [] - }, { - id: "node4147", - name: "4.147", - data: {}, - children: [] - }] - }] - }] - }] - }; - - //preprocess subtrees orientation - var arr = json.children, len = arr.length; - for(var i=0; i < len; i++) { - //split half left orientation - if(i < len / 2) { - arr[i].data.$orn = 'left'; - $jit.json.each(arr[i], function(n) { - n.data.$orn = 'left'; - }); - } else { - //half right - arr[i].data.$orn = 'right'; - $jit.json.each(arr[i], function(n) { - n.data.$orn = 'right'; - }); - } - } - //end - //grab radio button - var normal = $jit.id('s-normal'); - //init Spacetree - //Create a new ST instance - var st = new $jit.ST({ - //id of viz container element - injectInto: 'infovis', - //multitree - multitree: true, - //set duration for the animation - duration: 800, - //set animation transition type - transition: $jit.Trans.Quart.easeInOut, - //set distance between node and its children - levelDistance: 40, - //sibling and subtrees offsets - siblingOffset: 0, - subtreeOffset: 0, - //set node and edge styles - //set overridable=true for styling individual - //nodes or edges - Node: { - height: 35, - width: 50, - type: 'ellipse', - color: '#aaa', - overridable: true, - //set canvas specific styles - //like shadows - CanvasStyles: { - shadowColor: '#ccc', - shadowBlur: 10 - } - }, - Edge: { - type: 'line', - overridable: true - }, - - onBeforeCompute: function(node){ - Log.write("loading " + node.name); - }, - - onAfterCompute: function(){ - Log.write("done"); - }, - - //This method is called on DOM label creation. - //Use this method to add event handlers and styles to - //your node. - onCreateLabel: function(label, node){ - label.id = node.id; - label.innerHTML = node.name; - label.onclick = function(){ - if(normal.checked) { - st.onClick(node.id); - } else { - st.setRoot(node.id, 'animate'); - } - }; - //set label styles - var style = label.style; - style.width = 50 + 'px'; - style.height = 35 + 'px'; - style.cursor = 'pointer'; - style.color = '#333'; - style.fontSize = '0.8em'; - style.textAlign= 'center'; - style.paddingTop = '10px'; - }, - - //This method is called right before plotting - //a node. It's useful for changing an individual node - //style properties before plotting it. - //The data properties prefixed with a dollar - //sign will override the global node style properties. - onBeforePlotNode: function(node){ - //add some color to the nodes in the path between the - //root node and the selected node. - if (node.selected) { - node.data.$color = "#ff7"; - } - else { - delete node.data.$color; - //if the node belongs to the last plotted level - if(!node.anySubnode("exist")) { - //count children number - var count = 0; - node.eachSubnode(function(n) { count++; }); - //assign a node color based on - //how many children it has - node.data.$color = ['#aaa', '#baa', '#caa', '#daa', '#eaa', '#faa'][count]; - } - } - }, - - //This method is called right before plotting - //an edge. It's useful for changing an individual edge - //style properties before plotting it. - //Edge data proprties prefixed with a dollar sign will - //override the Edge global style properties. - onBeforePlotLine: function(adj){ - if (adj.nodeFrom.selected && adj.nodeTo.selected) { - adj.data.$color = "#eed"; - adj.data.$lineWidth = 3; - } - else { - delete adj.data.$color; - delete adj.data.$lineWidth; - } - } - }); - //load json data - st.loadJSON(json); - //compute node positions and layout - st.compute('end'); - st.select(st.root); - //end -} diff --git a/app/assets/javascripts/Jit/Examples/Spacetree/example5.html b/app/assets/javascripts/Jit/Examples/Spacetree/example5.html deleted file mode 100644 index b05bb15b..00000000 --- a/app/assets/javascripts/Jit/Examples/Spacetree/example5.html +++ /dev/null @@ -1,172 +0,0 @@ - - - - -Spacetree - Style Animations - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Style Animations -

    - - This Advanced Example shows how Node, Edge, Label and Canvas specific style animations can be triggered for this - visualization.

    - Select the styles to be animated in the right column and hit the Morph Styles button. This will - set random values for these properties and animate them.

    - Click on Restore Styles to set the default styles.

    - Other styles like alpha and shadows can also be triggered.

    - This example also implements a custom node rendering function for Stroke + Fill rectangles. - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -

    Actions

    -Morph Styles -Restore Styles - -

    Node Styles

    - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - -
    - - - -
    - - - -
    - - - -
    - - - -
    - - - -
    - -

    Edge Styles

    - - - - - - - - - - - - - -
    - - - -
    - - - -
    - - - -
    - -

    Label Styles

    - - - - - - - - - - - - - -
    - - - -
    - - - -
    - - - -
    - - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/Spacetree/example5.js b/app/assets/javascripts/Jit/Examples/Spacetree/example5.js deleted file mode 100644 index 17d036c2..00000000 --- a/app/assets/javascripts/Jit/Examples/Spacetree/example5.js +++ /dev/null @@ -1,303 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - var json = { - id: "node02", - name: "0.2", - children: [{ - id: "node13", - name: "1.3", - children: [{ - id: "node24", - name: "2.4" - }, { - id: "node222", - name: "2.22" - }] - }, { - id: "node125", - name: "1.25", - children: [{ - id: "node226", - name: "2.26" - }, { - id: "node237", - name: "2.37" - }, { - id: "node258", - name: "2.58" - }] - }, { - id: "node165", - name: "1.65", - children: [{ - id: "node266", - name: "2.66" - }, { - id: "node283", - name: "2.83" - }, { - id: "node2104", - name: "2.104" - }, { - id: "node2109", - name: "2.109" - }, { - id: "node2125", - name: "2.125" - }] - }, { - id: "node1130", - name: "1.130", - children: [{ - id: "node2131", - name: "2.131" - }, { - id: "node2138", - name: "2.138" - }] - }] - }; - //end - //init Node Types - //Create a node rendering function that plots a fill - //rectangle and a stroke rectangle for borders - $jit.ST.Plot.NodeTypes.implement({ - 'stroke-rect': { - 'render': function(node, canvas) { - var width = node.getData('width'), - height = node.getData('height'), - pos = this.getAlignedPos(node.pos.getc(true), width, height), - posX = pos.x + width/2, - posY = pos.y + height/2; - this.nodeHelper.rectangle.render('fill', {x: posX, y: posY}, width, height, canvas); - this.nodeHelper.rectangle.render('stroke', {x: posX, y: posY}, width, height, canvas); - } - } - }); - //end - //init Spacetree - //Create a new ST instance - var st = new $jit.ST({ - //id of viz container element - injectInto: 'infovis', - //set distance between node and its children - levelDistance: 50, - //set an X offset - offsetX: 130, - //set node, edge and label styles - //set overridable=true for styling individual - //nodes or edges - Node: { - overridable: true, - type: 'stroke-rect', - height: 20, - width: 60, - //canvas specific styles - CanvasStyles: { - fillStyle: '#daa', - strokeStyle: '#ffc', - lineWidth: 2 - } - }, - Edge: { - overridable: true, - type: 'line', - color: '#ffc', - lineWidth: 1 - }, - Label: { - type: labelType, - style: 'bold', - size: 10, - color: '#333' - }, - //This method is called on DOM label creation. - //Use this method to add event handlers and styles to - //your node. - onCreateLabel: function(label, node){ - label.innerHTML = node.name; - //set label styles - var style = label.style; - style.width = 60 + 'px'; - style.height = 17 + 'px'; - style.color = '#333'; - style.fontSize = '0.8em'; - style.textAlign= 'center'; - style.paddingTop = '3px'; - }, - onPlaceLabel: function(label, node) { - var style = label.style; - style.width = node.getData('width') + 'px'; - style.height = node.getData('height') + 'px'; - style.color = node.getLabelData('color'); - style.fontSize = node.getLabelData('size') + 'px'; - style.textAlign= 'center'; - style.paddingTop = '3px'; - } - }); - //load json data - st.loadJSON(json); - //compute node positions and layout - st.compute(); - //emulate a click on the root node. - st.onClick(st.root); - //end - - //Add Select All/None actions - var nodeAll = $jit.id('select-all-nodes'), - nodeNone = $jit.id('select-none-nodes'), - edgeAll = $jit.id('select-all-edges'), - edgeNone = $jit.id('select-none-edges'), - labelAll = $jit.id('select-all-labels'), - labelNone = $jit.id('select-none-labels'); - $jit.util.each([nodeAll, edgeAll, labelAll], function(elem) { - elem.onclick = function() { - var pn = elem.parentNode.parentNode.parentNode; //table - var inputs = pn.getElementsByTagName('input'); - for(var i=0, l=inputs.length; i - - - -Sunburst - Connected Sunburst - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Connected Sunburst -

    - - A static JSON Graph structure is used as input for this visualization.

    - This example shows how properties such as color, height, angular width and line width - can be customized per node and per edge in the JSON structure.

    - Left click to select a node and show its relations. - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/Sunburst/example1.js b/app/assets/javascripts/Jit/Examples/Sunburst/example1.js deleted file mode 100644 index 96bbf5cc..00000000 --- a/app/assets/javascripts/Jit/Examples/Sunburst/example1.js +++ /dev/null @@ -1,325 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - var json = [ - //"root" node is invisible - { - "id": "node0", - "name": "", - "data": { - "$type": "none" - }, - "adjacencies": [ - { - "nodeTo": "node1", - "data": { - '$type': 'none' - } - }, { - "nodeTo": "node2", - "data": { - '$type': 'none' - } - }, { - "nodeTo": "node3", - "data": { - '$type': 'none' - } - }, { - "nodeTo": "node4", - "data": { - "$type": "none" - } - }, { - "nodeTo": "node5", - "data": { - "$type": "none" - } - }, { - "nodeTo": "node6", - "data": { - "$type": "none" - } - }, { - "nodeTo": "node7", - "data": { - "$type": "none" - } - }, { - "nodeTo": "node8", - "data": { - "$type": "none" - } - }, { - "nodeTo": "node9", - "data": { - "$type": "none" - } - }, { - "nodeTo": "node10", - "data": { - "$type": "none" - } - } - ] - }, { - "id": "node1", - "name": "node 1", - "data": { - "$angularWidth": 13.00, - "$color": "#33a", - "$height": 70 - }, - "adjacencies": [ - { - "nodeTo": "node3", - "data": { - "$color": "#ddaacc", - "$lineWidth": 4 - } - }, { - "nodeTo": "node5", - "data": { - "$color": "#ccffdd", - "$lineWidth": 4 - } - }, { - "nodeTo": "node7", - "data": { - "$color": "#dd99dd", - "$lineWidth": 4 - } - }, { - "nodeTo": "node8", - "data": { - "$color": "#dd99dd", - "$lineWidth": 4 - } - }, { - "nodeTo": "node10", - "data": { - "$color": "#ddaacc", - "$lineWidth": 4 - } - } - ] - }, { - "id": "node2", - "name": "node 2", - "data": { - "$angularWidth": 24.90, - "$color": "#55b", - "$height": 73 - }, - "adjacencies": [ - "node8", "node9", "node10" - ] - }, { - "id": "node3", - "name": "node 3", - "data": { - "$angularWidth": 10.50, - "$color": "#77c", - "$height": 75 - }, - "adjacencies": [ - "node8", "node9", "node10" - ] - }, { - "id": "node4", - "name": "node 4", - "data": { - "$angularWidth": 5.40, - "$color": "#99d", - "$height": 75 - }, - "adjacencies": [ - "node8", "node9", "node10" - ] - }, { - "id": "node5", - "name": "node 5", - "data": { - "$angularWidth": 32.26, - "$color": "#aae", - "$height": 80 - }, - "adjacencies": [ - "node8", "node9", "node10" - ] - }, { - "id": "node6", - "name": "node 6", - "data": { - "$angularWidth": 24.90, - "$color": "#bf0", - "$height": 85 - }, - "adjacencies": [ - "node8", "node9", "node10" - ] - }, { - "id": "node7", - "name": "node 7", - "data": { - "$angularWidth": 14.90, - "$color": "#cf5", - "$height": 85 - }, - "adjacencies": [ - "node8", "node9", "node10" - ] - }, { - "id": "node8", - "name": "node 8", - "data": { - "$angularWidth": 34.90, - "$color": "#dfa", - "$height": 80 - }, - "adjacencies": [ - "node9", "node10" - ] - }, { - "id": "node9", - "name": "node 9", - "data": { - "$angularWidth": 42.90, - "$color": "#CCC", - "$height": 75 - }, - "adjacencies": [ - "node10" - ] - }, { - "id": "node10", - "name": "node 10", - "data": { - "$angularWidth": 100.90, - "$color": "#C37", - "$height": 70 - }, - "adjacencies": [] - } - ]; - //end - //init Sunburst - var sb = new $jit.Sunburst({ - //id container for the visualization - injectInto: 'infovis', - //Change node and edge styles such as - //color, width, lineWidth and edge types - Node: { - overridable: true, - type: useGradients? 'gradient-multipie' : 'multipie' - }, - Edge: { - overridable: true, - type: 'hyperline', - lineWidth: 2, - color: '#777' - }, - //Draw canvas text. Can also be - //'HTML' or 'SVG' to draw DOM labels - Label: { - type: nativeTextSupport? 'Native' : 'SVG' - }, - //Add animations when hovering and clicking nodes - NodeStyles: { - enable: true, - type: 'Native', - stylesClick: { - 'color': '#33dddd' - }, - stylesHover: { - 'color': '#dd3333' - }, - duration: 700 - }, - Events: { - enable: true, - type: 'Native', - //List node connections onClick - onClick: function(node, eventInfo, e){ - if (!node) return; - var html = "

    " + node.name + " connections

    "; - } - }, - levelDistance: 190, - // Only used when Label type is 'HTML' or 'SVG' - // Add text to the labels. - // This method is only triggered on label creation - onCreateLabel: function(domElement, node){ - var labels = sb.config.Label.type; - if (labels === 'HTML') { - domElement.innerHTML = node.name; - } else if (labels === 'SVG') { - domElement.firstChild.appendChild(document.createTextNode(node.name)); - } - }, - // Only used when Label type is 'HTML' or 'SVG' - // Change node styles when labels are placed - // or moved. - onPlaceLabel: function(domElement, node){ - var labels = sb.config.Label.type; - if (labels === 'SVG') { - var fch = domElement.firstChild; - var style = fch.style; - style.display = ''; - style.cursor = 'pointer'; - style.fontSize = "0.8em"; - fch.setAttribute('fill', "#fff"); - } else if (labels === 'HTML') { - var style = domElement.style; - style.display = ''; - style.cursor = 'pointer'; - if (node._depth <= 1) { - style.fontSize = "0.8em"; - style.color = "#ddd"; - } - var left = parseInt(style.left); - var w = domElement.offsetWidth; - style.left = (left - w / 2) + 'px'; - } - } - }); - // load JSON data. - sb.loadJSON(json); - // compute positions and plot. - sb.refresh(); - //end -} diff --git a/app/assets/javascripts/Jit/Examples/Sunburst/example2.html b/app/assets/javascripts/Jit/Examples/Sunburst/example2.html deleted file mode 100644 index 48d7f74e..00000000 --- a/app/assets/javascripts/Jit/Examples/Sunburst/example2.html +++ /dev/null @@ -1,57 +0,0 @@ - - - - -Sunburst - Sunburst of a Directory Tree - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Sunburst of a Directory Tree -

    - - A static JSON Tree structure is used as input for this visualization.

    - Tips are used to describe the file size and its last modified date.

    - Left click to rotate the Sunburst to the selected node and see its details. - -
    - -
    - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/Sunburst/example2.js b/app/assets/javascripts/Jit/Examples/Sunburst/example2.js deleted file mode 100644 index a6a71318..00000000 --- a/app/assets/javascripts/Jit/Examples/Sunburst/example2.js +++ /dev/null @@ -1,772 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - var json = { - "children": [ - { - "children": [ - { - "children": [], - "data": { - "description": "$jit namespace and $jit() for append vis to Global\n \n Example:\n \n new $jit.Hypertree({\n 'injectInto': 'myvisContainer'\n });", - "$angularWidth": 7490, - "days": 111, - "$color": "#FCD9A1", - "size": 7490 - }, - "id": "Source/Coordinates/Complex.js", - "name": "Complex.js" - }, - { - "children": [], - "data": { - "description": "Fixed polar interpolation problem when theta = pi", - "$angularWidth": 6390, - "days": 2, - "$color": "#B0AAF6", - "size": 6390 - }, - "id": "Source/Coordinates/Polar.js", - "name": "Polar.js" - } - ], - "data": { - "description": "Fixed polar interpolation problem when theta = pi", - "$color": "#B0AAF6", - "days": 2, - "$angularWidth": 1000, - "size": 13880 - }, - "id": "Source/Coordinates", - "name": "Coordinates" - }, - { - "children": [ - { - "children": [], - "data": { - "description": "Scaling done right :)", - "$angularWidth": 14952, - "days": 3, - "$color": "#B2ABF4", - "size": 14952 - }, - "id": "Source/Core/Canvas.js", - "name": "Canvas.js" - }, - { - "children": [], - "data": { - "description": "Animated TreeMaps", - "$angularWidth": 14759, - "days": 3, - "$color": "#B2ABF4", - "size": 14759 - }, - "id": "Source/Core/Core.js", - "name": "Core.js" - }, - { - "children": [], - "data": { - "description": "$jit namespace and $jit() for append vis to Global\n \n Example:\n \n new $jit.Hypertree({\n 'injectInto': 'myvisContainer'\n });", - "$angularWidth": 5838, - "days": 111, - "$color": "#FCD9A1", - "size": 5838 - }, - "id": "Source/Core/Fx.js", - "name": "Fx.js" - } - ], - "data": { - "description": "Animated TreeMaps", - "$color": "#B2ABF4", - "days": 3, - "$angularWidth": 1000, - "size": 35549 - }, - "id": "Source/Core", - "name": "Core" - }, - { - "children": [ - { - "children": [], - "data": { - "description": "Merge remote branch 'woot/bugfixes_docnet' into sunburst_fixes", - "$angularWidth": 18672, - "days": 1, - "$color": "#AEA9F8", - "size": 18672 - }, - "id": "Source/Extras/Extras.js", - "name": "Extras.js" - } - ], - "data": { - "description": "Merge remote branch 'woot/bugfixes_docnet' into sunburst_fixes", - "$color": "#AEA9F8", - "days": 1, - "$angularWidth": 1000, - "size": 18672 - }, - "id": "Source/Extras", - "name": "Extras" - }, - { - "children": [ - { - "children": [], - "data": { - "description": "Animated TreeMaps", - "$angularWidth": 1652, - "days": 3, - "$color": "#B2ABF4", - "size": 1652 - }, - "id": "Source/Graph/Graph.Geom.js", - "name": "Graph.Geom.js" - }, - { - "children": [], - "data": { - "description": "Animated TreeMaps", - "$angularWidth": 27921, - "days": 3, - "$color": "#B2ABF4", - "size": 27921 - }, - "id": "Source/Graph/Graph.js", - "name": "Graph.js" - }, - { - "children": [], - "data": { - "description": "Added new Canvas class with zoom/pan options", - "$angularWidth": 9512, - "days": 5, - "$color": "#B6AEEF", - "size": 9512 - }, - "id": "Source/Graph/Graph.Label.js", - "name": "Graph.Label.js" - }, - { - "children": [], - "data": { - "description": "Change the way edges where stored and used in Graph.js. This is how Graph.js internally handles nodes. The user API should remain the same.", - "$angularWidth": 22838, - "days": 26, - "$color": "#E0C7C0", - "size": 22838 - }, - "id": "Source/Graph/Graph.Op.js", - "name": "Graph.Op.js" - }, - { - "children": [], - "data": { - "description": "Bug Fix Extras + Tweaking examples", - "$angularWidth": 18950, - "days": 19, - "$color": "#D2BFD0", - "size": 18950 - }, - "id": "Source/Graph/Graph.Plot.js", - "name": "Graph.Plot.js" - }, - { - "children": [], - "data": { - "description": "(Re)-Implemented nodeTypes using node/edgeHelpers\n \n Code is cleaner and NodeTypes are now easier to implement.", - "$angularWidth": 6947, - "days": 32, - "$color": "#ECCFB3", - "size": 6947 - }, - "id": "Source/Graph/Helpers.js", - "name": "Helpers.js" - } - ], - "data": { - "description": "Animated TreeMaps", - "$color": "#B2ABF4", - "days": 3, - "$angularWidth": 1000, - "size": 87820 - }, - "id": "Source/Graph", - "name": "Graph" - }, - { - "children": [ - { - "children": [], - "data": { - "description": "$jit namespace and $jit() for append vis to Global\n \n Example:\n \n new $jit.Hypertree({\n 'injectInto': 'myvisContainer'\n });", - "$angularWidth": 4064, - "days": 111, - "$color": "#FCD9A1", - "size": 4064 - }, - "id": "Source/Layouts/Layouts.ForceDirected.js", - "name": "Layouts.ForceDirected.js" - }, - { - "children": [], - "data": { - "description": "Animated TreeMaps", - "$angularWidth": 2198, - "days": 3, - "$color": "#B2ABF4", - "size": 2198 - }, - "id": "Source/Layouts/Layouts.js", - "name": "Layouts.js" - }, - { - "children": [], - "data": { - "description": "$jit namespace and $jit() for append vis to Global\n \n Example:\n \n new $jit.Hypertree({\n 'injectInto': 'myvisContainer'\n });", - "$angularWidth": 4372, - "days": 111, - "$color": "#FCD9A1", - "size": 4372 - }, - "id": "Source/Layouts/Layouts.Radial.js", - "name": "Layouts.Radial.js" - }, - { - "children": [], - "data": { - "description": "Animated TreeMaps", - "$angularWidth": 15570, - "days": 3, - "$color": "#B2ABF4", - "size": 15570 - }, - "id": "Source/Layouts/Layouts.TM.js", - "name": "Layouts.TM.js" - }, - { - "children": [], - "data": { - "description": "$jit namespace and $jit() for append vis to Global\n \n Example:\n \n new $jit.Hypertree({\n 'injectInto': 'myvisContainer'\n });", - "$angularWidth": 6696, - "days": 111, - "$color": "#FCD9A1", - "size": 6696 - }, - "id": "Source/Layouts/Layouts.Tree.js", - "name": "Layouts.Tree.js" - } - ], - "data": { - "description": "Animated TreeMaps", - "$color": "#B2ABF4", - "days": 3, - "$angularWidth": 1000, - "size": 32900 - }, - "id": "Source/Layouts", - "name": "Layouts" - }, - { - "children": [ - { - "children": [], - "data": { - "description": "Fixed passing of general Label object", - "$angularWidth": 8079, - "days": 26, - "$color": "#E0C7C0", - "size": 8079 - }, - "id": "Source/Loader/Loader.js", - "name": "Loader.js" - } - ], - "data": { - "description": "Fixed passing of general Label object", - "$color": "#E0C7C0", - "days": 26, - "$angularWidth": 1000, - "size": 8079 - }, - "id": "Source/Loader", - "name": "Loader" - }, - { - "children": [ - { - "children": [], - "data": { - "description": "Small tweaks on Tips and Selected nodes in Charts", - "$angularWidth": 348, - "days": 33, - "$color": "#EED0B0", - "size": 348 - }, - "id": "Source/Options/Options.AreaChart.js", - "name": "Options.AreaChart.js" - }, - { - "children": [], - "data": { - "description": "Added gradients to AreaChart", - "$angularWidth": 386, - "days": 37, - "$color": "#F6D5A7", - "size": 386 - }, - "id": "Source/Options/Options.BarChart.js", - "name": "Options.BarChart.js" - }, - { - "children": [], - "data": { - "description": "Add label types in Label configuration object.\n \n Add calls to getLabelData in plotLabel.", - "$angularWidth": 392, - "days": 26, - "$color": "#E0C7C0", - "size": 392 - }, - "id": "Source/Options/Options.Canvas.js", - "name": "Options.Canvas.js" - }, - { - "children": [], - "data": { - "description": "Organizing sources and build", - "$angularWidth": 3856, - "days": 112, - "$color": "#FCD9A1", - "size": 3856 - }, - "id": "Source/Options/Options.Controller.js", - "name": "Options.Controller.js" - }, - { - "children": [], - "data": { - "description": "Added raw Canvas options + and animations\n \n Added the CanvasStyles object in Node/Edge properties to define raw\n canvas properties before plotting a node or edge. For example\n \n Node: {\n overridable: true,\n dim: 4,\n color: \"#fff\",\n CanvasStyles: {\n shadowBlur: 10,\n shadowColor: '#ccc',\n shadowOffsetY: 5,\n shadowOffsetX: 5\n }\n }\n \n These properties can also be animated and accessed just like dataset\n properties.\n \n Also there are new APIs for setting multiple properties at the same\n time. setDataset and setCanvasStyles have been added and can be used\n like this:\n \n node.setCanvasStyle('shadowBlur', 100, 'end');\n \n //will perform various node.setCanvasStyle\n node.setCanvasStyles(['current', 'end'], {\n 'shadowBlur': [100, 5],\n 'shadowOffsetX': [200, 3]\n });\n \n node.setData('width', 100, 'end');\n \n //will perform various node.setData\n node.setDataset('end', {\n 'width': 100,\n 'color: '#ccc'\n });\n \n For more information take a look at test1.js for the ForceDirected\n visualization.", - "$angularWidth": 1475, - "days": 31, - "$color": "#EACDB5", - "size": 1475 - }, - "id": "Source/Options/Options.Edge.js", - "name": "Options.Edge.js" - }, - { - "children": [], - "data": { - "description": "Extras.Events bug fixes", - "$angularWidth": 312, - "days": 20, - "$color": "#D4C0CE", - "size": 312 - }, - "id": "Source/Options/Options.Events.js", - "name": "Options.Events.js" - }, - { - "children": [], - "data": { - "description": "$jit namespace and $jit() for append vis to Global\n \n Example:\n \n new $jit.Hypertree({\n 'injectInto': 'myvisContainer'\n });", - "$angularWidth": 749, - "days": 111, - "$color": "#FCD9A1", - "size": 749 - }, - "id": "Source/Options/Options.Fx.js", - "name": "Options.Fx.js" - }, - { - "children": [], - "data": { - "description": "Revisiting Extras.js Redesigning MouseEventManager and registered\n classes to automatically use DOM elements via event delegation or canvas\n based events.", - "$angularWidth": 530, - "days": 25, - "$color": "#DEC6C2", - "size": 530 - }, - "id": "Source/Options/Options.js", - "name": "Options.js" - }, - { - "children": [], - "data": { - "description": "Add label types in Label configuration object.\n \n Add calls to getLabelData in plotLabel.", - "$angularWidth": 203, - "days": 26, - "$color": "#E0C7C0", - "size": 203 - }, - "id": "Source/Options/Options.Label.js", - "name": "Options.Label.js" - }, - { - "children": [], - "data": { - "description": "* Ignore panning if Options.Navigation.panning = false\n * Add 'avoid nodes' panning option for panning only when the cursor does not match a nodes position", - "$angularWidth": 137, - "days": 1, - "$color": "#AEA9F8", - "size": 137 - }, - "id": "Source/Options/Options.Navigation.js", - "name": "Options.Navigation.js" - }, - { - "children": [], - "data": { - "description": "Added raw Canvas options + and animations\n \n Added the CanvasStyles object in Node/Edge properties to define raw\n canvas properties before plotting a node or edge. For example\n \n Node: {\n overridable: true,\n dim: 4,\n color: \"#fff\",\n CanvasStyles: {\n shadowBlur: 10,\n shadowColor: '#ccc',\n shadowOffsetY: 5,\n shadowOffsetX: 5\n }\n }\n \n These properties can also be animated and accessed just like dataset\n properties.\n \n Also there are new APIs for setting multiple properties at the same\n time. setDataset and setCanvasStyles have been added and can be used\n like this:\n \n node.setCanvasStyle('shadowBlur', 100, 'end');\n \n //will perform various node.setCanvasStyle\n node.setCanvasStyles(['current', 'end'], {\n 'shadowBlur': [100, 5],\n 'shadowOffsetX': [200, 3]\n });\n \n node.setData('width', 100, 'end');\n \n //will perform various node.setData\n node.setDataset('end', {\n 'width': 100,\n 'color: '#ccc'\n });\n \n For more information take a look at test1.js for the ForceDirected\n visualization.", - "$angularWidth": 2083, - "days": 31, - "$color": "#EACDB5", - "size": 2083 - }, - "id": "Source/Options/Options.Node.js", - "name": "Options.Node.js" - }, - { - "children": [], - "data": { - "description": "Bug Fix Extras + Tweaking examples", - "$angularWidth": 583, - "days": 19, - "$color": "#D2BFD0", - "size": 583 - }, - "id": "Source/Options/Options.NodeStyles.js", - "name": "Options.NodeStyles.js" - }, - { - "children": [], - "data": { - "description": "Add an option to resize labels according to its pie slice", - "$angularWidth": 380, - "days": 1, - "$color": "#AEA9F8", - "size": 380 - }, - "id": "Source/Options/Options.PieChart.js", - "name": "Options.PieChart.js" - }, - { - "children": [], - "data": { - "description": "Revisiting Extras.js Redesigning MouseEventManager and registered\n classes to automatically use DOM elements via event delegation or canvas\n based events.", - "$angularWidth": 1120, - "days": 25, - "$color": "#DEC6C2", - "size": 1120 - }, - "id": "Source/Options/Options.Tips.js", - "name": "Options.Tips.js" - }, - { - "children": [], - "data": { - "description": "Organizing sources and build", - "$angularWidth": 1021, - "days": 112, - "$color": "#FCD9A1", - "size": 1021 - }, - "id": "Source/Options/Options.Tree.js", - "name": "Options.Tree.js" - } - ], - "data": { - "description": "Add an option to resize labels according to its pie slice", - "$color": "#AEA9F8", - "days": 1, - "$angularWidth": 1000, - "size": 13575 - }, - "id": "Source/Options", - "name": "Options" - }, - { - "children": [ - { - "children": [], - "data": { - "description": "Fixing AreaCharts for IE", - "$angularWidth": 13636, - "days": 19, - "$color": "#D2BFD0", - "size": 13636 - }, - "id": "Source/Visualizations/AreaChart.js", - "name": "AreaChart.js" - }, - { - "children": [], - "data": { - "description": "Append utils, id and Class objects to $jit. Add legends to Bar/Pie/AreaChart examples.", - "$angularWidth": 12608, - "days": 15, - "$color": "#CABAD9", - "size": 12608 - }, - "id": "Source/Visualizations/BarChart.js", - "name": "BarChart.js" - }, - { - "children": [], - "data": { - "description": "Added new Canvas class with zoom/pan options", - "$angularWidth": 16954, - "days": 5, - "$color": "#B6AEEF", - "size": 16954 - }, - "id": "Source/Visualizations/ForceDirected.js", - "name": "ForceDirected.js" - }, - { - "children": [], - "data": { - "description": "Added new Canvas class with zoom/pan options", - "$angularWidth": 23448, - "days": 5, - "$color": "#B6AEEF", - "size": 23448 - }, - "id": "Source/Visualizations/Hypertree.js", - "name": "Hypertree.js" - }, - { - "children": [], - "data": { - "description": "Adding $jit as Namespace + Build Refactor + Config (part I)", - "$angularWidth": 0, - "days": 112, - "$color": "#FCD9A1", - "size": 0 - }, - "id": "Source/Visualizations/Icicle.js", - "name": "Icicle.js" - }, - { - "children": [], - "data": { - "description": "Add an option to resize labels according to its pie slice", - "$angularWidth": 10762, - "days": 1, - "$color": "#AEA9F8", - "size": 10762 - }, - "id": "Source/Visualizations/PieChart.js", - "name": "PieChart.js" - }, - { - "children": [], - "data": { - "description": "Added new Canvas class with zoom/pan options", - "$angularWidth": 18010, - "days": 5, - "$color": "#B6AEEF", - "size": 18010 - }, - "id": "Source/Visualizations/RGraph.js", - "name": "RGraph.js" - }, - { - "children": [], - "data": { - "description": "Animated TreeMaps", - "$angularWidth": 52895, - "days": 3, - "$color": "#B2ABF4", - "size": 52895 - }, - "id": "Source/Visualizations/Spacetree.js", - "name": "Spacetree.js" - }, - { - "children": [], - "data": { - "description": "Adding new JSON data to the Sunburst and already finding some bugs :S", - "$angularWidth": 21436, - "days": 2, - "$color": "#B0AAF6", - "size": 21436 - }, - "id": "Source/Visualizations/Sunburst.js", - "name": "Sunburst.js" - }, - { - "children": [], - "data": { - "description": "Animated TreeMaps", - "$angularWidth": 16472, - "days": 3, - "$color": "#B2ABF4", - "size": 16472 - }, - "id": "Source/Visualizations/Treemap.js", - "name": "Treemap.js" - } - ], - "data": { - "description": "Merge remote branch 'woot/bugfixes_docnet' into sunburst_fixes", - "$color": "#AEA9F8", - "days": 1, - "$angularWidth": 1000, - "size": 186221 - }, - "id": "Source/Visualizations", - "name": "Visualizations" - } - ], - "data": { - "$type": "none" - }, - "id": "Source", - "name": "Source" - }; - //end - //init Sunburst - var sb = new $jit.Sunburst({ - //id container for the visualization - injectInto: 'infovis', - //Distance between levels - levelDistance: 90, - //Change node and edge styles such as - //color, width and dimensions. - Node: { - overridable: true, - type: useGradients? 'gradient-multipie' : 'multipie' - }, - //Select canvas labels - //'HTML', 'SVG' and 'Native' are possible options - Label: { - type: labelType - }, - //Change styles when hovering and clicking nodes - NodeStyles: { - enable: true, - type: 'Native', - stylesClick: { - 'color': '#33dddd' - }, - stylesHover: { - 'color': '#dd3333' - } - }, - //Add tooltips - Tips: { - enable: true, - onShow: function(tip, node) { - var html = "
    " + node.name + "
    "; - var data = node.data; - if("days" in data) { - html += "Last modified: " + data.days + " days ago"; - } - if("size" in data) { - html += "
    File size: " + Math.round(data.size / 1024) + "KB"; - } - tip.innerHTML = html; - } - }, - //implement event handlers - Events: { - enable: true, - onClick: function(node) { - if(!node) return; - //Build detailed information about the file/folder - //and place it in the right column. - var html = "

    " + node.name + "

    ", data = node.data; - if("days" in data) { - html += "Last modified: " + data.days + " days ago"; - } - if("size" in data) { - html += "

    File size: " + Math.round(data.size / 1024) + "KB"; - } - if("description" in data) { - html += "

    Last commit was:
    " + data.description + "
    "; - } - $jit.id('inner-details').innerHTML = html; - //hide tip - sb.tips.hide(); - //rotate - sb.rotate(node, animate? 'animate' : 'replot', { - duration: 1000, - transition: $jit.Trans.Quart.easeInOut - }); - } - }, - // Only used when Label type is 'HTML' or 'SVG' - // Add text to the labels. - // This method is only triggered on label creation - onCreateLabel: function(domElement, node){ - var labels = sb.config.Label.type, - aw = node.getData('angularWidth'); - if (labels === 'HTML' && (node._depth < 2 || aw > 2000)) { - domElement.innerHTML = node.name; - } else if (labels === 'SVG' && (node._depth < 2 || aw > 2000)) { - domElement.firstChild.appendChild(document.createTextNode(node.name)); - } - }, - // Only used when Label type is 'HTML' or 'SVG' - // Change node styles when labels are placed - // or moved. - onPlaceLabel: function(domElement, node){ - var labels = sb.config.Label.type; - if (labels === 'SVG') { - var fch = domElement.firstChild; - var style = fch.style; - style.display = ''; - style.cursor = 'pointer'; - style.fontSize = "0.8em"; - fch.setAttribute('fill', "#fff"); - } else if (labels === 'HTML') { - var style = domElement.style; - style.display = ''; - style.cursor = 'pointer'; - style.fontSize = "0.8em"; - style.color = "#ddd"; - var left = parseInt(style.left); - var w = domElement.offsetWidth; - style.left = (left - w / 2) + 'px'; - } - } - }); - //load JSON data. - sb.loadJSON(json); - //compute positions and plot. - sb.refresh(); - //end -} diff --git a/app/assets/javascripts/Jit/Examples/Treemap/example1.html b/app/assets/javascripts/Jit/Examples/Treemap/example1.html deleted file mode 100644 index 644e5486..00000000 --- a/app/assets/javascripts/Jit/Examples/Treemap/example1.html +++ /dev/null @@ -1,87 +0,0 @@ - - - - -Treemap - Animated Squarified, SliceAndDice and Strip TreeMaps - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Animated Squarified, SliceAndDice and Strip TreeMaps -

    - - In this example a static JSON tree is loaded into a Squarified Treemap.

    - Left click to set a node as root for the visualization.

    - Right click to set the parent node as root for the visualization.

    - You can choose a different tiling algorithm below: - - -
    - -
    - - - - - - - - - - - - -
    - - - -
    - - - -
    - - - -
    -
    - -Go to Parent - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/Treemap/example1.js b/app/assets/javascripts/Jit/Examples/Treemap/example1.js deleted file mode 100644 index c9cba7f0..00000000 --- a/app/assets/javascripts/Jit/Examples/Treemap/example1.js +++ /dev/null @@ -1,977 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - var json = { - "children": [ - { - "children": [ - { - "children": [], - "data": { - "playcount": "276", - "$color": "#8E7032", - "image": "http://userserve-ak.last.fm/serve/300x300/11403219.jpg", - "$area": 276 - }, - "id": "album-Thirteenth Step", - "name": "Thirteenth Step" - }, - { - "children": [], - "data": { - "playcount": "271", - "$color": "#906E32", - "image": "http://userserve-ak.last.fm/serve/300x300/11393921.jpg", - "$area": 271 - }, - "id": "album-Mer De Noms", - "name": "Mer De Noms" - } - ], - "data": { - "playcount": 547, - "$area": 547 - }, - "id": "artist_A Perfect Circle", - "name": "A Perfect Circle" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "209", - "$color": "#AA5532", - "image": "http://userserve-ak.last.fm/serve/300x300/32349839.jpg", - "$area": 209 - }, - "id": "album-Above", - "name": "Above" - } - ], - "data": { - "playcount": 209, - "$area": 209 - }, - "id": "artist_Mad Season", - "name": "Mad Season" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "260", - "$color": "#956932", - "image": "http://userserve-ak.last.fm/serve/300x300/38753425.jpg", - "$area": 260 - }, - "id": "album-Tiny Music... Songs From the Vatican Gift Shop", - "name": "Tiny Music... Songs From the Vatican Gift Shop" - }, - { - "children": [], - "data": { - "playcount": "254", - "$color": "#976732", - "image": "http://images.amazon.com/images/P/B000002IU3.01.LZZZZZZZ.jpg", - "$area": 254 - }, - "id": "album-Core", - "name": "Core" - } - ], - "data": { - "playcount": 514, - "$area": 514 - }, - "id": "artist_Stone Temple Pilots", - "name": "Stone Temple Pilots" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "181", - "$color": "#B54932", - "image": "http://userserve-ak.last.fm/serve/300x300/8673371.jpg", - "$area": 181 - }, - "id": "album-The Science of Things", - "name": "The Science of Things" - } - ], - "data": { - "playcount": 181, - "$area": 181 - }, - "id": "artist_Bush", - "name": "Bush" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "229", - "$color": "#A15D32", - "image": "http://userserve-ak.last.fm/serve/300x300/32579429.jpg", - "$area": 229 - }, - "id": "album-Echoes, Silence, Patience & Grace", - "name": "Echoes, Silence, Patience & Grace" - }, - { - "children": [], - "data": { - "playcount": "185", - "$color": "#B34B32", - "image": "http://images.amazon.com/images/P/B0009HLDFU.01.MZZZZZZZ.jpg", - "$area": 185 - }, - "id": "album-In Your Honor (disc 2)", - "name": "In Your Honor (disc 2)" - } - ], - "data": { - "playcount": 414, - "$area": 414 - }, - "id": "artist_Foo Fighters", - "name": "Foo Fighters" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "398", - "$color": "#5DA132", - "image": "http://images.amazon.com/images/P/B00005LNP5.01._SCMZZZZZZZ_.jpg", - "$area": 398 - }, - "id": "album-Elija Y Gane", - "name": "Elija Y Gane" - }, - { - "children": [], - "data": { - "playcount": "203", - "$color": "#AC5232", - "image": "http://images.amazon.com/images/P/B0000B193V.01._SCMZZZZZZZ_.jpg", - "$area": 203 - }, - "id": "album-Para los Arboles", - "name": "Para los Arboles" - } - ], - "data": { - "playcount": 601, - "$area": 601 - }, - "id": "artist_Luis Alberto Spinetta", - "name": "Luis Alberto Spinetta" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "224", - "$color": "#A35B32", - "image": "http://userserve-ak.last.fm/serve/300x300/26497553.jpg", - "$area": 224 - }, - "id": "album-Music Bank", - "name": "Music Bank" - }, - { - "children": [], - "data": { - "playcount": "217", - "$color": "#A65832", - "image": "http://images.amazon.com/images/P/B0000296JW.01.MZZZZZZZ.jpg", - "$area": 217 - }, - "id": "album-Music Bank (disc 1)", - "name": "Music Bank (disc 1)" - }, - { - "children": [], - "data": { - "playcount": "215", - "$color": "#A75732", - "image": "http://images.amazon.com/images/P/B0000296JW.01.MZZZZZZZ.jpg", - "$area": 215 - }, - "id": "album-Music Bank (disc 2)", - "name": "Music Bank (disc 2)" - }, - { - "children": [], - "data": { - "playcount": "181", - "$color": "#B54932", - "image": "http://images.amazon.com/images/P/B0000296JW.01.MZZZZZZZ.jpg", - "$area": 181 - }, - "id": "album-Music Bank (disc 3)", - "name": "Music Bank (disc 3)" - } - ], - "data": { - "playcount": 837, - "$area": 837 - }, - "id": "artist_Alice in Chains", - "name": "Alice in Chains" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "627", - "$color": "#00FF32", - "image": "http://userserve-ak.last.fm/serve/300x300/8480501.jpg", - "$area": 627 - }, - "id": "album-10,000 Days", - "name": "10,000 Days" - } - ], - "data": { - "playcount": 627, - "$area": 627 - }, - "id": "artist_Tool", - "name": "Tool" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "261", - "$color": "#946A32", - "image": "http://cdn.last.fm/flatness/catalogue/noimage/2/default_album_medium.png", - "$area": 261 - }, - "id": "album-2006-09-07: O-Bar, Stockholm, Sweden", - "name": "2006-09-07: O-Bar, Stockholm, Sweden" - }, - { - "children": [], - "data": { - "playcount": "211", - "$color": "#A95532", - "image": "http://userserve-ak.last.fm/serve/300x300/25402479.jpg", - "$area": 211 - }, - "id": "album-Lost and Found", - "name": "Lost and Found" - } - ], - "data": { - "playcount": 472, - "$area": 472 - }, - "id": "artist_Chris Cornell", - "name": "Chris Cornell" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "197", - "$color": "#AE5032", - "image": "http://userserve-ak.last.fm/serve/300x300/8634627.jpg", - "$area": 197 - }, - "id": "album-The Sickness", - "name": "The Sickness" - } - ], - "data": { - "playcount": 197, - "$area": 197 - }, - "id": "artist_Disturbed", - "name": "Disturbed" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "493", - "$color": "#36C832", - "image": "http://userserve-ak.last.fm/serve/300x300/8591345.jpg", - "$area": 493 - }, - "id": "album-Mama's Gun", - "name": "Mama's Gun" - } - ], - "data": { - "playcount": 493, - "$area": 493 - }, - "id": "artist_Erykah Badu", - "name": "Erykah Badu" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "249", - "$color": "#996532", - "image": "http://userserve-ak.last.fm/serve/300x300/32070871.jpg", - "$area": 249 - }, - "id": "album-Audioslave", - "name": "Audioslave" - } - ], - "data": { - "playcount": 249, - "$area": 249 - }, - "id": "artist_Audioslave", - "name": "Audioslave" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "359", - "$color": "#6C9232", - "image": "http://userserve-ak.last.fm/serve/300x300/15858421.jpg", - "$area": 359 - }, - "id": "album-Comfort y M\u00fasica Para Volar", - "name": "Comfort y M\u00fasica Para Volar" - } - ], - "data": { - "playcount": 359, - "$area": 359 - }, - "id": "artist_Soda Stereo", - "name": "Soda Stereo" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "302", - "$color": "#847A32", - "image": "http://userserve-ak.last.fm/serve/300x300/8776205.jpg", - "$area": 302 - }, - "id": "album-Clearing the Channel", - "name": "Clearing the Channel" - } - ], - "data": { - "playcount": 302, - "$area": 302 - }, - "id": "artist_Sinch", - "name": "Sinch" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "177", - "$color": "#B74732", - "image": "http://userserve-ak.last.fm/serve/300x300/32457599.jpg", - "$area": 177 - }, - "id": "album-Crash", - "name": "Crash" - } - ], - "data": { - "playcount": 177, - "$area": 177 - }, - "id": "artist_Dave Matthews Band", - "name": "Dave Matthews Band" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "207", - "$color": "#AA5432", - "image": "http://userserve-ak.last.fm/serve/300x300/30352203.jpg", - "$area": 207 - }, - "id": "album-Vs.", - "name": "Vs." - } - ], - "data": { - "playcount": 207, - "$area": 207 - }, - "id": "artist_Pearl Jam", - "name": "Pearl Jam" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "486", - "$color": "#39C532", - "image": "http://userserve-ak.last.fm/serve/300x300/26053425.jpg", - "$area": 486 - }, - "id": "album-It All Makes Sense Now", - "name": "It All Makes Sense Now" - }, - { - "children": [], - "data": { - "playcount": "251", - "$color": "#986632", - "image": "http://userserve-ak.last.fm/serve/300x300/9658733.jpg", - "$area": 251 - }, - "id": "album-Air", - "name": "Air" - } - ], - "data": { - "playcount": 737, - "$area": 737 - }, - "id": "artist_Kr\u00f8m", - "name": "Kr\u00f8m" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "345", - "$color": "#728C32", - "image": "http://userserve-ak.last.fm/serve/300x300/8605651.jpg", - "$area": 345 - }, - "id": "album-Temple Of The Dog", - "name": "Temple Of The Dog" - } - ], - "data": { - "playcount": 345, - "$area": 345 - }, - "id": "artist_Temple of the Dog", - "name": "Temple of the Dog" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "318", - "$color": "#7D8132", - "image": "http://userserve-ak.last.fm/serve/300x300/29274729.jpg", - "$area": 318 - }, - "id": "album-And All That Could Have Been (Still)", - "name": "And All That Could Have Been (Still)" - } - ], - "data": { - "playcount": 318, - "$area": 318 - }, - "id": "artist_Nine Inch Nails", - "name": "Nine Inch Nails" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "256", - "$color": "#966832", - "image": "http://userserve-ak.last.fm/serve/300x300/32595059.jpg", - "$area": 256 - }, - "id": "album-Mamagubida", - "name": "Mamagubida" - }, - { - "children": [], - "data": { - "playcount": "220", - "$color": "#A55932", - "image": "http://cdn.last.fm/flatness/catalogue/noimage/2/default_album_medium.png", - "$area": 220 - }, - "id": "album-Reggae \u00e0 Coup de Cirque", - "name": "Reggae \u00e0 Coup de Cirque" - }, - { - "children": [], - "data": { - "playcount": "181", - "$color": "#B54932", - "image": "http://userserve-ak.last.fm/serve/300x300/16799743.jpg", - "$area": 181 - }, - "id": "album-Grain de sable", - "name": "Grain de sable" - } - ], - "data": { - "playcount": 657, - "$area": 657 - }, - "id": "artist_Tryo", - "name": "Tryo" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "258", - "$color": "#966832", - "image": "http://cdn.last.fm/flatness/catalogue/noimage/2/default_album_medium.png", - "$area": 258 - }, - "id": "album-Best Of", - "name": "Best Of" - }, - { - "children": [], - "data": { - "playcount": "176", - "$color": "#B74732", - "image": "http://userserve-ak.last.fm/serve/300x300/5264426.jpg", - "$area": 176 - }, - "id": "album-Robbin' The Hood", - "name": "Robbin' The Hood" - } - ], - "data": { - "playcount": 434, - "$area": 434 - }, - "id": "artist_Sublime", - "name": "Sublime" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "418", - "$color": "#55AA32", - "image": "http://userserve-ak.last.fm/serve/300x300/8590493.jpg", - "$area": 418 - }, - "id": "album-One Hot Minute", - "name": "One Hot Minute" - } - ], - "data": { - "playcount": 418, - "$area": 418 - }, - "id": "artist_Red Hot Chili Peppers", - "name": "Red Hot Chili Peppers" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "275", - "$color": "#8F6F32", - "image": "http://userserve-ak.last.fm/serve/300x300/17597653.jpg", - "$area": 275 - }, - "id": "album-Chinese Democracy", - "name": "Chinese Democracy" - }, - { - "children": [], - "data": { - "playcount": "203", - "$color": "#AC5232", - "image": "http://userserve-ak.last.fm/serve/300x300/15231979.jpg", - "$area": 203 - }, - "id": "album-Use Your Illusion II", - "name": "Use Your Illusion II" - } - ], - "data": { - "playcount": 478, - "$area": 478 - }, - "id": "artist_Guns N' Roses", - "name": "Guns N' Roses" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "208", - "$color": "#AA5432", - "image": "http://images.amazon.com/images/P/B0007LCNNE.01.MZZZZZZZ.jpg", - "$area": 208 - }, - "id": "album-Tales of the Forgotten Melodies", - "name": "Tales of the Forgotten Melodies" - } - ], - "data": { - "playcount": 208, - "$area": 208 - }, - "id": "artist_Wax Tailor", - "name": "Wax Tailor" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "208", - "$color": "#AA5432", - "image": "http://userserve-ak.last.fm/serve/300x300/7862623.png", - "$area": 208 - }, - "id": "album-In Rainbows", - "name": "In Rainbows" - } - ], - "data": { - "playcount": 208, - "$area": 208 - }, - "id": "artist_Radiohead", - "name": "Radiohead" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "317", - "$color": "#7E8032", - "image": "http://userserve-ak.last.fm/serve/300x300/8600371.jpg", - "$area": 317 - }, - "id": "album-Down On The Upside", - "name": "Down On The Upside" - }, - { - "children": [], - "data": { - "playcount": "290", - "$color": "#897532", - "image": "http://userserve-ak.last.fm/serve/300x300/8590515.jpg", - "$area": 290 - }, - "id": "album-Superunknown", - "name": "Superunknown" - } - ], - "data": { - "playcount": 607, - "$area": 607 - }, - "id": "artist_Soundgarden", - "name": "Soundgarden" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "247", - "$color": "#9A6432", - "image": "http://userserve-ak.last.fm/serve/300x300/15113951.jpg", - "$area": 247 - }, - "id": "album-Nico", - "name": "Nico" - }, - { - "children": [], - "data": { - "playcount": "218", - "$color": "#A65832", - "image": "http://userserve-ak.last.fm/serve/300x300/45729417.jpg", - "$area": 218 - }, - "id": "album-Soup", - "name": "Soup" - }, - { - "children": [], - "data": { - "playcount": "197", - "$color": "#AE5032", - "image": "http://images.amazon.com/images/P/B00005V5PW.01.MZZZZZZZ.jpg", - "$area": 197 - }, - "id": "album-Classic Masters", - "name": "Classic Masters" - }, - { - "children": [], - "data": { - "playcount": "194", - "$color": "#B04E32", - "image": "http://userserve-ak.last.fm/serve/300x300/15157989.jpg", - "$area": 194 - }, - "id": "album-Blind Melon", - "name": "Blind Melon" - } - ], - "data": { - "playcount": 856, - "$area": 856 - }, - "id": "artist_Blind Melon", - "name": "Blind Melon" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "537", - "$color": "#24DA32", - "image": "http://userserve-ak.last.fm/serve/300x300/17594883.jpg", - "$area": 537 - }, - "id": "album-Make Yourself", - "name": "Make Yourself" - }, - { - "children": [], - "data": { - "playcount": "258", - "$color": "#966832", - "image": "http://userserve-ak.last.fm/serve/300x300/31550385.jpg", - "$area": 258 - }, - "id": "album-Light Grenades", - "name": "Light Grenades" - }, - { - "children": [], - "data": { - "playcount": "181", - "$color": "#B54932", - "image": "http://userserve-ak.last.fm/serve/300x300/32309285.jpg", - "$area": 181 - }, - "id": "album-Morning View", - "name": "Morning View" - } - ], - "data": { - "playcount": 976, - "$area": 976 - }, - "id": "artist_Incubus", - "name": "Incubus" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "198", - "$color": "#AE5032", - "image": "http://userserve-ak.last.fm/serve/300x300/8599099.jpg", - "$area": 198 - }, - "id": "album-On And On", - "name": "On And On" - }, - { - "children": [], - "data": { - "playcount": "186", - "$color": "#B34B32", - "image": "http://userserve-ak.last.fm/serve/300x300/30082075.jpg", - "$area": 186 - }, - "id": "album-Brushfire Fairytales", - "name": "Brushfire Fairytales" - } - ], - "data": { - "playcount": 384, - "$area": 384 - }, - "id": "artist_Jack Johnson", - "name": "Jack Johnson" - }, - { - "children": [ - { - "children": [], - "data": { - "playcount": "349", - "$color": "#718D32", - "image": "http://userserve-ak.last.fm/serve/300x300/21881921.jpg", - "$area": 349 - }, - "id": "album-Mother Love Bone", - "name": "Mother Love Bone" - } - ], - "data": { - "playcount": 349, - "$area": 349 - }, - "id": "artist_Mother Love Bone", - "name": "Mother Love Bone" - } - ], - "data": {}, - "id": "root", - "name": "Top Albums" - }; - //end - //init TreeMap - var tm = new $jit.TM.Squarified({ - //where to inject the visualization - injectInto: 'infovis', - //parent box title heights - titleHeight: 15, - //enable animations - animate: animate, - //box offsets - offset: 1, - //Attach left and right click events - Events: { - enable: true, - onClick: function(node) { - if(node) tm.enter(node); - }, - onRightClick: function() { - tm.out(); - } - }, - duration: 1000, - //Enable tips - Tips: { - enable: true, - //add positioning offsets - offsetX: 20, - offsetY: 20, - //implement the onShow method to - //add content to the tooltip when a node - //is hovered - onShow: function(tip, node, isLeaf, domElement) { - var html = "
    " + node.name - + "
    "; - var data = node.data; - if(data.playcount) { - html += "play count: " + data.playcount; - } - if(data.image) { - html += ""; - } - tip.innerHTML = html; - } - }, - //Add the name of the node in the correponding label - //This method is called once, on label creation. - onCreateLabel: function(domElement, node){ - domElement.innerHTML = node.name; - var style = domElement.style; - style.display = ''; - style.border = '1px solid transparent'; - domElement.onmouseover = function() { - style.border = '1px solid #9FD4FF'; - }; - domElement.onmouseout = function() { - style.border = '1px solid transparent'; - }; - } - }); - tm.loadJSON(json); - tm.refresh(); - //end - //add events to radio buttons - var sq = $jit.id('r-sq'), - st = $jit.id('r-st'), - sd = $jit.id('r-sd'); - var util = $jit.util; - util.addEvent(sq, 'change', function() { - if(!sq.checked) return; - util.extend(tm, new $jit.Layouts.TM.Squarified); - tm.refresh(); - }); - util.addEvent(st, 'change', function() { - if(!st.checked) return; - util.extend(tm, new $jit.Layouts.TM.Strip); - tm.layout.orientation = "v"; - tm.refresh(); - }); - util.addEvent(sd, 'change', function() { - if(!sd.checked) return; - util.extend(tm, new $jit.Layouts.TM.SliceAndDice); - tm.layout.orientation = "v"; - tm.refresh(); - }); - //add event to the back button - var back = $jit.id('back'); - $jit.util.addEvent(back, 'click', function() { - tm.out(); - }); -} diff --git a/app/assets/javascripts/Jit/Examples/Treemap/example2.html b/app/assets/javascripts/Jit/Examples/Treemap/example2.html deleted file mode 100644 index 3832c819..00000000 --- a/app/assets/javascripts/Jit/Examples/Treemap/example2.html +++ /dev/null @@ -1,86 +0,0 @@ - - - - -Treemap - TreeMap with on-demand nodes - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -TreeMap with on-demand nodes -

    - - This example shows how you can use the request controller method to create a TreeMap with on demand nodes

    - This example makes use of native Canvas text and shadows, but can be easily adapted to use HTML like the other examples.

    - There should be only one level shown at a time.

    - Clicking on a band should show a new TreeMap with its most listened albums.

    - -
    - -
    - - - - - - - - - - - - -
    - - - -
    - - - -
    - - - -
    -
    - -Go to Parent - - -
    See the Example Code
    -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/Treemap/example2.js b/app/assets/javascripts/Jit/Examples/Treemap/example2.js deleted file mode 100644 index c4792bf5..00000000 --- a/app/assets/javascripts/Jit/Examples/Treemap/example2.js +++ /dev/null @@ -1,165 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - var json = "{\"children\": [{\"children\": [{\"children\": [], \"data\": {\"playcount\": \"276\", \"artist\": \"A Perfect Circle\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/11403219.jpg\", \"$area\": 276}, \"id\": \"album-Thirteenth Step\", \"name\": \"Thirteenth Step\"}, {\"children\": [], \"data\": {\"playcount\": \"271\", \"artist\": \"A Perfect Circle\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/11393921.jpg\", \"$area\": 271}, \"id\": \"album-Mer De Noms\", \"name\": \"Mer De Noms\"}], \"data\": {\"playcount\": 547, \"$area\": 547}, \"id\": \"artist_A Perfect Circle\", \"name\": \"A Perfect Circle\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"209\", \"artist\": \"Mad Season\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/32349839.jpg\", \"$area\": 209}, \"id\": \"album-Above\", \"name\": \"Above\"}], \"data\": {\"playcount\": 209, \"$area\": 209}, \"id\": \"artist_Mad Season\", \"name\": \"Mad Season\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"260\", \"artist\": \"Stone Temple Pilots\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/38753425.jpg\", \"$area\": 260}, \"id\": \"album-Tiny Music... Songs From the Vatican Gift Shop\", \"name\": \"Tiny Music... Songs From the Vatican Gift Shop\"}, {\"children\": [], \"data\": {\"playcount\": \"254\", \"artist\": \"Stone Temple Pilots\", \"image\": \"http:\/\/images.amazon.com\/images\/P\/B000002IU3.01.LZZZZZZZ.jpg\", \"$area\": 254}, \"id\": \"album-Core\", \"name\": \"Core\"}], \"data\": {\"playcount\": 514, \"$area\": 514}, \"id\": \"artist_Stone Temple Pilots\", \"name\": \"Stone Temple Pilots\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"181\", \"artist\": \"Bush\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/8673371.jpg\", \"$area\": 181}, \"id\": \"album-The Science of Things\", \"name\": \"The Science of Things\"}], \"data\": {\"playcount\": 181, \"$area\": 181}, \"id\": \"artist_Bush\", \"name\": \"Bush\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"229\", \"artist\": \"Foo Fighters\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/32579429.jpg\", \"$area\": 229}, \"id\": \"album-Echoes, Silence, Patience & Grace\", \"name\": \"Echoes, Silence, Patience & Grace\"}, {\"children\": [], \"data\": {\"playcount\": \"185\", \"artist\": \"Foo Fighters\", \"image\": \"http:\/\/images.amazon.com\/images\/P\/B0009HLDFU.01.MZZZZZZZ.jpg\", \"$area\": 185}, \"id\": \"album-In Your Honor (disc 2)\", \"name\": \"In Your Honor (disc 2)\"}], \"data\": {\"playcount\": 414, \"$area\": 414}, \"id\": \"artist_Foo Fighters\", \"name\": \"Foo Fighters\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"398\", \"artist\": \"Luis Alberto Spinetta\", \"image\": \"http:\/\/images.amazon.com\/images\/P\/B00005LNP5.01._SCMZZZZZZZ_.jpg\", \"$area\": 398}, \"id\": \"album-Elija Y Gane\", \"name\": \"Elija Y Gane\"}, {\"children\": [], \"data\": {\"playcount\": \"203\", \"artist\": \"Luis Alberto Spinetta\", \"image\": \"http:\/\/images.amazon.com\/images\/P\/B0000B193V.01._SCMZZZZZZZ_.jpg\", \"$area\": 203}, \"id\": \"album-Para los Arboles\", \"name\": \"Para los Arboles\"}], \"data\": {\"playcount\": 601, \"$area\": 601}, \"id\": \"artist_Luis Alberto Spinetta\", \"name\": \"Luis Alberto Spinetta\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"224\", \"artist\": \"Alice in Chains\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/26497553.jpg\", \"$area\": 224}, \"id\": \"album-Music Bank\", \"name\": \"Music Bank\"}, {\"children\": [], \"data\": {\"playcount\": \"217\", \"artist\": \"Alice in Chains\", \"image\": \"http:\/\/images.amazon.com\/images\/P\/B0000296JW.01.MZZZZZZZ.jpg\", \"$area\": 217}, \"id\": \"album-Music Bank (disc 1)\", \"name\": \"Music Bank (disc 1)\"}, {\"children\": [], \"data\": {\"playcount\": \"215\", \"artist\": \"Alice in Chains\", \"image\": \"http:\/\/images.amazon.com\/images\/P\/B0000296JW.01.MZZZZZZZ.jpg\", \"$area\": 215}, \"id\": \"album-Music Bank (disc 2)\", \"name\": \"Music Bank (disc 2)\"}, {\"children\": [], \"data\": {\"playcount\": \"181\", \"artist\": \"Alice in Chains\", \"image\": \"http:\/\/images.amazon.com\/images\/P\/B0000296JW.01.MZZZZZZZ.jpg\", \"$area\": 181}, \"id\": \"album-Music Bank (disc 3)\", \"name\": \"Music Bank (disc 3)\"}], \"data\": {\"playcount\": 837, \"$area\": 837}, \"id\": \"artist_Alice in Chains\", \"name\": \"Alice in Chains\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"627\", \"artist\": \"Tool\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/8480501.jpg\", \"$area\": 627}, \"id\": \"album-10,000 Days\", \"name\": \"10,000 Days\"}], \"data\": {\"playcount\": 627, \"$area\": 627}, \"id\": \"artist_Tool\", \"name\": \"Tool\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"261\", \"artist\": \"Chris Cornell\", \"image\": \"http:\/\/cdn.last.fm\/flatness\/catalogue\/noimage\/2\/default_album_medium.png\", \"$area\": 261}, \"id\": \"album-2006-09-07: O-Bar, Stockholm, Sweden\", \"name\": \"2006-09-07: O-Bar, Stockholm, Sweden\"}, {\"children\": [], \"data\": {\"playcount\": \"211\", \"artist\": \"Chris Cornell\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/25402479.jpg\", \"$area\": 211}, \"id\": \"album-Lost and Found\", \"name\": \"Lost and Found\"}], \"data\": {\"playcount\": 472, \"$area\": 472}, \"id\": \"artist_Chris Cornell\", \"name\": \"Chris Cornell\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"197\", \"artist\": \"Disturbed\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/8634627.jpg\", \"$area\": 197}, \"id\": \"album-The Sickness\", \"name\": \"The Sickness\"}], \"data\": {\"playcount\": 197, \"$area\": 197}, \"id\": \"artist_Disturbed\", \"name\": \"Disturbed\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"493\", \"artist\": \"Erykah Badu\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/8591345.jpg\", \"$area\": 493}, \"id\": \"album-Mama's Gun\", \"name\": \"Mama's Gun\"}], \"data\": {\"playcount\": 493, \"$area\": 493}, \"id\": \"artist_Erykah Badu\", \"name\": \"Erykah Badu\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"249\", \"artist\": \"Audioslave\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/32070871.jpg\", \"$area\": 249}, \"id\": \"album-Audioslave\", \"name\": \"Audioslave\"}], \"data\": {\"playcount\": 249, \"$area\": 249}, \"id\": \"artist_Audioslave\", \"name\": \"Audioslave\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"359\", \"artist\": \"Soda Stereo\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/15858421.jpg\", \"$area\": 359}, \"id\": \"album-Comfort y M\u00fasica Para Volar\", \"name\": \"Comfort y M\u00fasica Para Volar\"}], \"data\": {\"playcount\": 359, \"$area\": 359}, \"id\": \"artist_Soda Stereo\", \"name\": \"Soda Stereo\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"302\", \"artist\": \"Sinch\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/8776205.jpg\", \"$area\": 302}, \"id\": \"album-Clearing the Channel\", \"name\": \"Clearing the Channel\"}], \"data\": {\"playcount\": 302, \"$area\": 302}, \"id\": \"artist_Sinch\", \"name\": \"Sinch\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"177\", \"artist\": \"Dave Matthews Band\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/32457599.jpg\", \"$area\": 177}, \"id\": \"album-Crash\", \"name\": \"Crash\"}], \"data\": {\"playcount\": 177, \"$area\": 177}, \"id\": \"artist_Dave Matthews Band\", \"name\": \"Dave Matthews Band\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"207\", \"artist\": \"Pearl Jam\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/30352203.jpg\", \"$area\": 207}, \"id\": \"album-Vs.\", \"name\": \"Vs.\"}], \"data\": {\"playcount\": 207, \"$area\": 207}, \"id\": \"artist_Pearl Jam\", \"name\": \"Pearl Jam\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"486\", \"artist\": \"Kr\u00f8m\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/26053425.jpg\", \"$area\": 486}, \"id\": \"album-It All Makes Sense Now\", \"name\": \"It All Makes Sense Now\"}, {\"children\": [], \"data\": {\"playcount\": \"251\", \"artist\": \"Agua de Annique\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/9658733.jpg\", \"$area\": 251}, \"id\": \"album-Air\", \"name\": \"Air\"}], \"data\": {\"playcount\": 737, \"$area\": 737}, \"id\": \"artist_Kr\u00f8m\", \"name\": \"Kr\u00f8m\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"345\", \"artist\": \"Temple of the Dog\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/8605651.jpg\", \"$area\": 345}, \"id\": \"album-Temple Of The Dog\", \"name\": \"Temple Of The Dog\"}], \"data\": {\"playcount\": 345, \"$area\": 345}, \"id\": \"artist_Temple of the Dog\", \"name\": \"Temple of the Dog\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"318\", \"artist\": \"Nine Inch Nails\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/29274729.jpg\", \"$area\": 318}, \"id\": \"album-And All That Could Have Been (Still)\", \"name\": \"And All That Could Have Been (Still)\"}], \"data\": {\"playcount\": 318, \"$area\": 318}, \"id\": \"artist_Nine Inch Nails\", \"name\": \"Nine Inch Nails\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"256\", \"artist\": \"Tryo\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/32595059.jpg\", \"$area\": 256}, \"id\": \"album-Mamagubida\", \"name\": \"Mamagubida\"}, {\"children\": [], \"data\": {\"playcount\": \"220\", \"artist\": \"Tryo\", \"image\": \"http:\/\/cdn.last.fm\/flatness\/catalogue\/noimage\/2\/default_album_medium.png\", \"$area\": 220}, \"id\": \"album-Reggae \u00e0 Coup de Cirque\", \"name\": \"Reggae \u00e0 Coup de Cirque\"}, {\"children\": [], \"data\": {\"playcount\": \"181\", \"artist\": \"Tryo\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/16799743.jpg\", \"$area\": 181}, \"id\": \"album-Grain de sable\", \"name\": \"Grain de sable\"}], \"data\": {\"playcount\": 657, \"$area\": 657}, \"id\": \"artist_Tryo\", \"name\": \"Tryo\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"258\", \"artist\": \"Sublime\", \"image\": \"http:\/\/cdn.last.fm\/flatness\/catalogue\/noimage\/2\/default_album_medium.png\", \"$area\": 258}, \"id\": \"album-Best Of\", \"name\": \"Best Of\"}, {\"children\": [], \"data\": {\"playcount\": \"176\", \"artist\": \"Sublime\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/5264426.jpg\", \"$area\": 176}, \"id\": \"album-Robbin' The Hood\", \"name\": \"Robbin' The Hood\"}], \"data\": {\"playcount\": 434, \"$area\": 434}, \"id\": \"artist_Sublime\", \"name\": \"Sublime\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"418\", \"artist\": \"Red Hot Chili Peppers\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/8590493.jpg\", \"$area\": 418}, \"id\": \"album-One Hot Minute\", \"name\": \"One Hot Minute\"}], \"data\": {\"playcount\": 418, \"$area\": 418}, \"id\": \"artist_Red Hot Chili Peppers\", \"name\": \"Red Hot Chili Peppers\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"275\", \"artist\": \"Guns N' Roses\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/17597653.jpg\", \"$area\": 275}, \"id\": \"album-Chinese Democracy\", \"name\": \"Chinese Democracy\"}, {\"children\": [], \"data\": {\"playcount\": \"203\", \"artist\": \"Guns N' Roses\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/15231979.jpg\", \"$area\": 203}, \"id\": \"album-Use Your Illusion II\", \"name\": \"Use Your Illusion II\"}], \"data\": {\"playcount\": 478, \"$area\": 478}, \"id\": \"artist_Guns N' Roses\", \"name\": \"Guns N' Roses\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"208\", \"artist\": \"Wax Tailor\", \"image\": \"http:\/\/images.amazon.com\/images\/P\/B0007LCNNE.01.MZZZZZZZ.jpg\", \"$area\": 208}, \"id\": \"album-Tales of the Forgotten Melodies\", \"name\": \"Tales of the Forgotten Melodies\"}], \"data\": {\"playcount\": 208, \"$area\": 208}, \"id\": \"artist_Wax Tailor\", \"name\": \"Wax Tailor\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"208\", \"artist\": \"Radiohead\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/7862623.png\", \"$area\": 208}, \"id\": \"album-In Rainbows\", \"name\": \"In Rainbows\"}], \"data\": {\"playcount\": 208, \"$area\": 208}, \"id\": \"artist_Radiohead\", \"name\": \"Radiohead\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"317\", \"artist\": \"Soundgarden\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/8600371.jpg\", \"$area\": 317}, \"id\": \"album-Down On The Upside\", \"name\": \"Down On The Upside\"}, {\"children\": [], \"data\": {\"playcount\": \"290\", \"artist\": \"Soundgarden\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/8590515.jpg\", \"$area\": 290}, \"id\": \"album-Superunknown\", \"name\": \"Superunknown\"}], \"data\": {\"playcount\": 607, \"$area\": 607}, \"id\": \"artist_Soundgarden\", \"name\": \"Soundgarden\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"247\", \"artist\": \"Blind Melon\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/15113951.jpg\", \"$area\": 247}, \"id\": \"album-Nico\", \"name\": \"Nico\"}, {\"children\": [], \"data\": {\"playcount\": \"218\", \"artist\": \"Blind Melon\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/45729417.jpg\", \"$area\": 218}, \"id\": \"album-Soup\", \"name\": \"Soup\"}, {\"children\": [], \"data\": {\"playcount\": \"197\", \"artist\": \"Blind Melon\", \"image\": \"http:\/\/images.amazon.com\/images\/P\/B00005V5PW.01.MZZZZZZZ.jpg\", \"$area\": 197}, \"id\": \"album-Classic Masters\", \"name\": \"Classic Masters\"}, {\"children\": [], \"data\": {\"playcount\": \"194\", \"artist\": \"Blind Melon\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/15157989.jpg\", \"$area\": 194}, \"id\": \"album-Blind Melon\", \"name\": \"Blind Melon\"}], \"data\": {\"playcount\": 856, \"$area\": 856}, \"id\": \"artist_Blind Melon\", \"name\": \"Blind Melon\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"537\", \"artist\": \"Incubus\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/17594883.jpg\", \"$area\": 537}, \"id\": \"album-Make Yourself\", \"name\": \"Make Yourself\"}, {\"children\": [], \"data\": {\"playcount\": \"258\", \"artist\": \"Incubus\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/31550385.jpg\", \"$area\": 258}, \"id\": \"album-Light Grenades\", \"name\": \"Light Grenades\"}, {\"children\": [], \"data\": {\"playcount\": \"181\", \"artist\": \"Incubus\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/32309285.jpg\", \"$area\": 181}, \"id\": \"album-Morning View\", \"name\": \"Morning View\"}], \"data\": {\"playcount\": 976, \"$area\": 976}, \"id\": \"artist_Incubus\", \"name\": \"Incubus\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"198\", \"artist\": \"Jack Johnson\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/8599099.jpg\", \"$area\": 198}, \"id\": \"album-On And On\", \"name\": \"On And On\"}, {\"children\": [], \"data\": {\"playcount\": \"186\", \"artist\": \"Jack Johnson\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/30082075.jpg\", \"$area\": 186}, \"id\": \"album-Brushfire Fairytales\", \"name\": \"Brushfire Fairytales\"}], \"data\": {\"playcount\": 384, \"$area\": 384}, \"id\": \"artist_Jack Johnson\", \"name\": \"Jack Johnson\"}, {\"children\": [{\"children\": [], \"data\": {\"playcount\": \"349\", \"artist\": \"Mother Love Bone\", \"image\": \"http:\/\/userserve-ak.last.fm\/serve\/300x300\/21881921.jpg\", \"$area\": 349}, \"id\": \"album-Mother Love Bone\", \"name\": \"Mother Love Bone\"}], \"data\": {\"playcount\": 349, \"$area\": 349}, \"id\": \"artist_Mother Love Bone\", \"name\": \"Mother Love Bone\"}], \"data\": {}, \"id\": \"root\", \"name\": \"Top Albums\"}"; - //end - //init TreeMap - var tm = new $jit.TM.Squarified({ - //where to inject the visualization - injectInto: 'infovis', - //show only one tree level - levelsToShow: 1, - //parent box title heights - titleHeight: 0, - //enable animations - animate: animate, - //box offsets - offset: 1, - //use canvas text - Label: { - type: labelType, - size: 9, - family: 'Tahoma, Verdana, Arial' - }, - //enable specific canvas styles - //when rendering nodes - Node: { - CanvasStyles: { - shadowBlur: 0, - shadowColor: '#000' - } - }, - //Attach left and right click events - Events: { - enable: true, - onClick: function(node) { - if(node) tm.enter(node); - }, - onRightClick: function() { - tm.out(); - }, - //change node styles and canvas styles - //when hovering a node - onMouseEnter: function(node, eventInfo) { - if(node) { - //add node selected styles and replot node - node.setCanvasStyle('shadowBlur', 7); - node.setData('color', '#888'); - tm.fx.plotNode(node, tm.canvas); - tm.labels.plotLabel(tm.canvas, node); - } - }, - onMouseLeave: function(node) { - if(node) { - node.removeData('color'); - node.removeCanvasStyle('shadowBlur'); - tm.plot(); - } - } - }, - //duration of the animations - duration: 1000, - //Enable tips - Tips: { - enable: true, - type: 'Native', - //add positioning offsets - offsetX: 20, - offsetY: 20, - //implement the onShow method to - //add content to the tooltip when a node - //is hovered - onShow: function(tip, node, isLeaf, domElement) { - var html = "
    " + node.name - + "
    "; - var data = node.data; - if(data.artist) { - html += "Artist: " + data.artist + "
    "; - } - if(data.playcount) { - html += "Play count: " + data.playcount; - } - if(data.image) { - html += ""; - } - tip.innerHTML = html; - } - }, - //Implement this method for retrieving a requested - //subtree that has as root a node with id = nodeId, - //and level as depth. This method could also make a server-side - //call for the requested subtree. When completed, the onComplete - //callback method should be called. - request: function(nodeId, level, onComplete){ - var tree = eval('(' + json + ')'); - var subtree = $jit.json.getSubtree(tree, nodeId); - $jit.json.prune(subtree, 1); - onComplete.onComplete(nodeId, subtree); - }, - //Add the name of the node in the corresponding label - //This method is called once, on label creation and only for DOM labels. - onCreateLabel: function(domElement, node){ - domElement.innerHTML = node.name; - } - }); - - var pjson = eval('(' + json + ')'); - $jit.json.prune(pjson, 1); - - tm.loadJSON(pjson); - tm.refresh(); - //end - var sq = $jit.id('r-sq'), - st = $jit.id('r-st'), - sd = $jit.id('r-sd'); - var util = $jit.util; - util.addEvent(sq, 'change', function() { - if(!sq.checked) return; - util.extend(tm, new $jit.Layouts.TM.Squarified); - tm.refresh(); - }); - util.addEvent(st, 'change', function() { - if(!st.checked) return; - util.extend(tm, new $jit.Layouts.TM.Strip); - tm.layout.orientation = "v"; - tm.refresh(); - }); - util.addEvent(sd, 'change', function() { - if(!sd.checked) return; - util.extend(tm, new $jit.Layouts.TM.SliceAndDice); - tm.layout.orientation = "v"; - tm.refresh(); - }); - //add event to the back button - var back = $jit.id('back'); - $jit.util.addEvent(back, 'click', function() { - tm.out(); - }); -} diff --git a/app/assets/javascripts/Jit/Examples/Treemap/example3.html b/app/assets/javascripts/Jit/Examples/Treemap/example3.html deleted file mode 100644 index 7c7ecdad..00000000 --- a/app/assets/javascripts/Jit/Examples/Treemap/example3.html +++ /dev/null @@ -1,87 +0,0 @@ - - - - -Treemap - Cushion TreeMaps - - - - - - - - - - - - - - - -
    - -
    - - - -
    -

    -Cushion TreeMaps -

    - - In this example a static JSON tree is loaded into a Cushion Treemap.

    - Left click to set a node as root for the visualization.

    - Right click to set the parent node as root for the visualization.

    - You can choose a different tiling algorithm below: - - -
    - -
    - - - - - - - - - - - - -
    - - - -
    - - - -
    - - - -
    -
    - -Go to Parent - - - -
    - -
    -
    -
    - -
    - -
    - -
    - -
    -
    - - diff --git a/app/assets/javascripts/Jit/Examples/Treemap/example3.js b/app/assets/javascripts/Jit/Examples/Treemap/example3.js deleted file mode 100644 index f5d02e59..00000000 --- a/app/assets/javascripts/Jit/Examples/Treemap/example3.js +++ /dev/null @@ -1,1025 +0,0 @@ -var labelType, useGradients, nativeTextSupport, animate; - -(function() { - var ua = navigator.userAgent, - iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), - typeOfCanvas = typeof HTMLCanvasElement, - nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), - textSupport = nativeCanvasSupport - && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); - //I'm setting this based on the fact that ExCanvas provides text support for IE - //and that as of today iPhone/iPad current text support is lame - labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; - nativeTextSupport = labelType == 'Native'; - useGradients = nativeCanvasSupport; - animate = !(iStuff || !nativeCanvasSupport); -})(); - -var Log = { - elem: false, - write: function(text){ - if (!this.elem) - this.elem = document.getElementById('log'); - this.elem.innerHTML = text; - this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; - } -}; - - -function init(){ - //init data - var json = { - "children": [ - { - "children": [ - { - "children": [], - "data": { - "artist": "A Perfect Circle", - "playcount": "276", - "$color": "#8E7032", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/11403219.jpg", - "$area": 276 - }, - "id": "album-Thirteenth Step", - "name": "Thirteenth Step" - }, - { - "children": [], - "data": { - "artist": "A Perfect Circle", - "playcount": "271", - "$color": "#906E32", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/11393921.jpg", - "$area": 271 - }, - "id": "album-Mer De Noms", - "name": "Mer De Noms" - } - ], - "data": { - "playcount": 547, - "$area": 547 - }, - "id": "artist_A Perfect Circle", - "name": "A Perfect Circle" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Mad Season", - "playcount": "209", - "$color": "#AA5532", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/32349839.jpg", - "$area": 209 - }, - "id": "album-Above", - "name": "Above" - } - ], - "data": { - "playcount": 209, - "$area": 209 - }, - "id": "artist_Mad Season", - "name": "Mad Season" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Stone Temple Pilots", - "playcount": "260", - "$color": "#956932", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/38753425.jpg", - "$area": 260 - }, - "id": "album-Tiny Music... Songs From the Vatican Gift Shop", - "name": "Tiny Music... Songs From the Vatican Gift Shop" - }, - { - "children": [], - "data": { - "artist": "Stone Temple Pilots", - "playcount": "254", - "$color": "#976732", - "image": "http:\/\/images.amazon.com\/images\/P\/B000002IU3.01.LZZZZZZZ.jpg", - "$area": 254 - }, - "id": "album-Core", - "name": "Core" - } - ], - "data": { - "playcount": 514, - "$area": 514 - }, - "id": "artist_Stone Temple Pilots", - "name": "Stone Temple Pilots" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Bush", - "playcount": "181", - "$color": "#B54932", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/8673371.jpg", - "$area": 181 - }, - "id": "album-The Science of Things", - "name": "The Science of Things" - } - ], - "data": { - "playcount": 181, - "$area": 181 - }, - "id": "artist_Bush", - "name": "Bush" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Foo Fighters", - "playcount": "229", - "$color": "#A15D32", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/32579429.jpg", - "$area": 229 - }, - "id": "album-Echoes, Silence, Patience & Grace", - "name": "Echoes, Silence, Patience & Grace" - }, - { - "children": [], - "data": { - "artist": "Foo Fighters", - "playcount": "185", - "$color": "#B34B32", - "image": "http:\/\/images.amazon.com\/images\/P\/B0009HLDFU.01.MZZZZZZZ.jpg", - "$area": 185 - }, - "id": "album-In Your Honor (disc 2)", - "name": "In Your Honor (disc 2)" - } - ], - "data": { - "playcount": 414, - "$area": 414 - }, - "id": "artist_Foo Fighters", - "name": "Foo Fighters" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Luis Alberto Spinetta", - "playcount": "398", - "$color": "#5DA132", - "image": "http:\/\/images.amazon.com\/images\/P\/B00005LNP5.01._SCMZZZZZZZ_.jpg", - "$area": 398 - }, - "id": "album-Elija Y Gane", - "name": "Elija Y Gane" - }, - { - "children": [], - "data": { - "artist": "Luis Alberto Spinetta", - "playcount": "203", - "$color": "#AC5232", - "image": "http:\/\/images.amazon.com\/images\/P\/B0000B193V.01._SCMZZZZZZZ_.jpg", - "$area": 203 - }, - "id": "album-Para los Arboles", - "name": "Para los Arboles" - } - ], - "data": { - "playcount": 601, - "$area": 601 - }, - "id": "artist_Luis Alberto Spinetta", - "name": "Luis Alberto Spinetta" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Alice in Chains", - "playcount": "224", - "$color": "#A35B32", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/26497553.jpg", - "$area": 224 - }, - "id": "album-Music Bank", - "name": "Music Bank" - }, - { - "children": [], - "data": { - "artist": "Alice in Chains", - "playcount": "217", - "$color": "#A65832", - "image": "http:\/\/images.amazon.com\/images\/P\/B0000296JW.01.MZZZZZZZ.jpg", - "$area": 217 - }, - "id": "album-Music Bank (disc 1)", - "name": "Music Bank (disc 1)" - }, - { - "children": [], - "data": { - "artist": "Alice in Chains", - "playcount": "215", - "$color": "#A75732", - "image": "http:\/\/images.amazon.com\/images\/P\/B0000296JW.01.MZZZZZZZ.jpg", - "$area": 215 - }, - "id": "album-Music Bank (disc 2)", - "name": "Music Bank (disc 2)" - }, - { - "children": [], - "data": { - "artist": "Alice in Chains", - "playcount": "181", - "$color": "#B54932", - "image": "http:\/\/images.amazon.com\/images\/P\/B0000296JW.01.MZZZZZZZ.jpg", - "$area": 181 - }, - "id": "album-Music Bank (disc 3)", - "name": "Music Bank (disc 3)" - } - ], - "data": { - "playcount": 837, - "$area": 837 - }, - "id": "artist_Alice in Chains", - "name": "Alice in Chains" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Tool", - "playcount": "627", - "$color": "#00FF32", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/8480501.jpg", - "$area": 627 - }, - "id": "album-10,000 Days", - "name": "10,000 Days" - } - ], - "data": { - "playcount": 627, - "$area": 627 - }, - "id": "artist_Tool", - "name": "Tool" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Chris Cornell", - "playcount": "261", - "$color": "#946A32", - "image": "http:\/\/cdn.last.fm\/flatness\/catalogue\/noimage\/2\/default_album_medium.png", - "$area": 261 - }, - "id": "album-2006-09-07: O-Bar, Stockholm, Sweden", - "name": "2006-09-07: O-Bar, Stockholm, Sweden" - }, - { - "children": [], - "data": { - "artist": "Chris Cornell", - "playcount": "211", - "$color": "#A95532", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/25402479.jpg", - "$area": 211 - }, - "id": "album-Lost and Found", - "name": "Lost and Found" - } - ], - "data": { - "playcount": 472, - "$area": 472 - }, - "id": "artist_Chris Cornell", - "name": "Chris Cornell" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Disturbed", - "playcount": "197", - "$color": "#AE5032", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/8634627.jpg", - "$area": 197 - }, - "id": "album-The Sickness", - "name": "The Sickness" - } - ], - "data": { - "playcount": 197, - "$area": 197 - }, - "id": "artist_Disturbed", - "name": "Disturbed" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Erykah Badu", - "playcount": "493", - "$color": "#36C832", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/8591345.jpg", - "$area": 493 - }, - "id": "album-Mama's Gun", - "name": "Mama's Gun" - } - ], - "data": { - "playcount": 493, - "$area": 493 - }, - "id": "artist_Erykah Badu", - "name": "Erykah Badu" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Audioslave", - "playcount": "249", - "$color": "#996532", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/32070871.jpg", - "$area": 249 - }, - "id": "album-Audioslave", - "name": "Audioslave" - } - ], - "data": { - "playcount": 249, - "$area": 249 - }, - "id": "artist_Audioslave", - "name": "Audioslave" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Soda Stereo", - "playcount": "359", - "$color": "#6C9232", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/15858421.jpg", - "$area": 359 - }, - "id": "album-Comfort y M\u00fasica Para Volar", - "name": "Comfort y M\u00fasica Para Volar" - } - ], - "data": { - "playcount": 359, - "$area": 359 - }, - "id": "artist_Soda Stereo", - "name": "Soda Stereo" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Sinch", - "playcount": "302", - "$color": "#847A32", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/8776205.jpg", - "$area": 302 - }, - "id": "album-Clearing the Channel", - "name": "Clearing the Channel" - } - ], - "data": { - "playcount": 302, - "$area": 302 - }, - "id": "artist_Sinch", - "name": "Sinch" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Dave Matthews Band", - "playcount": "177", - "$color": "#B74732", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/32457599.jpg", - "$area": 177 - }, - "id": "album-Crash", - "name": "Crash" - } - ], - "data": { - "playcount": 177, - "$area": 177 - }, - "id": "artist_Dave Matthews Band", - "name": "Dave Matthews Band" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Pearl Jam", - "playcount": "207", - "$color": "#AA5432", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/30352203.jpg", - "$area": 207 - }, - "id": "album-Vs.", - "name": "Vs." - } - ], - "data": { - "playcount": 207, - "$area": 207 - }, - "id": "artist_Pearl Jam", - "name": "Pearl Jam" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Kr\u00f8m", - "playcount": "486", - "$color": "#39C532", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/26053425.jpg", - "$area": 486 - }, - "id": "album-It All Makes Sense Now", - "name": "It All Makes Sense Now" - }, - { - "children": [], - "data": { - "artist": "Agua de Annique", - "playcount": "251", - "$color": "#986632", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/9658733.jpg", - "$area": 251 - }, - "id": "album-Air", - "name": "Air" - } - ], - "data": { - "playcount": 737, - "$area": 737 - }, - "id": "artist_Kr\u00f8m", - "name": "Kr\u00f8m" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Temple of the Dog", - "playcount": "345", - "$color": "#728C32", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/8605651.jpg", - "$area": 345 - }, - "id": "album-Temple Of The Dog", - "name": "Temple Of The Dog" - } - ], - "data": { - "playcount": 345, - "$area": 345 - }, - "id": "artist_Temple of the Dog", - "name": "Temple of the Dog" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Nine Inch Nails", - "playcount": "318", - "$color": "#7D8132", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/29274729.jpg", - "$area": 318 - }, - "id": "album-And All That Could Have Been (Still)", - "name": "And All That Could Have Been (Still)" - } - ], - "data": { - "playcount": 318, - "$area": 318 - }, - "id": "artist_Nine Inch Nails", - "name": "Nine Inch Nails" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Tryo", - "playcount": "256", - "$color": "#966832", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/32595059.jpg", - "$area": 256 - }, - "id": "album-Mamagubida", - "name": "Mamagubida" - }, - { - "children": [], - "data": { - "artist": "Tryo", - "playcount": "220", - "$color": "#A55932", - "image": "http:\/\/cdn.last.fm\/flatness\/catalogue\/noimage\/2\/default_album_medium.png", - "$area": 220 - }, - "id": "album-Reggae \u00e0 Coup de Cirque", - "name": "Reggae \u00e0 Coup de Cirque" - }, - { - "children": [], - "data": { - "artist": "Tryo", - "playcount": "181", - "$color": "#B54932", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/16799743.jpg", - "$area": 181 - }, - "id": "album-Grain de sable", - "name": "Grain de sable" - } - ], - "data": { - "playcount": 657, - "$area": 657 - }, - "id": "artist_Tryo", - "name": "Tryo" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Sublime", - "playcount": "258", - "$color": "#966832", - "image": "http:\/\/cdn.last.fm\/flatness\/catalogue\/noimage\/2\/default_album_medium.png", - "$area": 258 - }, - "id": "album-Best Of", - "name": "Best Of" - }, - { - "children": [], - "data": { - "artist": "Sublime", - "playcount": "176", - "$color": "#B74732", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/5264426.jpg", - "$area": 176 - }, - "id": "album-Robbin' The Hood", - "name": "Robbin' The Hood" - } - ], - "data": { - "playcount": 434, - "$area": 434 - }, - "id": "artist_Sublime", - "name": "Sublime" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Red Hot Chili Peppers", - "playcount": "418", - "$color": "#55AA32", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/8590493.jpg", - "$area": 418 - }, - "id": "album-One Hot Minute", - "name": "One Hot Minute" - } - ], - "data": { - "playcount": 418, - "$area": 418 - }, - "id": "artist_Red Hot Chili Peppers", - "name": "Red Hot Chili Peppers" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Guns N' Roses", - "playcount": "275", - "$color": "#8F6F32", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/17597653.jpg", - "$area": 275 - }, - "id": "album-Chinese Democracy", - "name": "Chinese Democracy" - }, - { - "children": [], - "data": { - "artist": "Guns N' Roses", - "playcount": "203", - "$color": "#AC5232", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/15231979.jpg", - "$area": 203 - }, - "id": "album-Use Your Illusion II", - "name": "Use Your Illusion II" - } - ], - "data": { - "playcount": 478, - "$area": 478 - }, - "id": "artist_Guns N' Roses", - "name": "Guns N' Roses" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Wax Tailor", - "playcount": "208", - "$color": "#AA5432", - "image": "http:\/\/images.amazon.com\/images\/P\/B0007LCNNE.01.MZZZZZZZ.jpg", - "$area": 208 - }, - "id": "album-Tales of the Forgotten Melodies", - "name": "Tales of the Forgotten Melodies" - } - ], - "data": { - "playcount": 208, - "$area": 208 - }, - "id": "artist_Wax Tailor", - "name": "Wax Tailor" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Radiohead", - "playcount": "208", - "$color": "#AA5432", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/7862623.png", - "$area": 208 - }, - "id": "album-In Rainbows", - "name": "In Rainbows" - } - ], - "data": { - "playcount": 208, - "$area": 208 - }, - "id": "artist_Radiohead", - "name": "Radiohead" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Soundgarden", - "playcount": "317", - "$color": "#7E8032", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/8600371.jpg", - "$area": 317 - }, - "id": "album-Down On The Upside", - "name": "Down On The Upside" - }, - { - "children": [], - "data": { - "artist": "Soundgarden", - "playcount": "290", - "$color": "#897532", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/8590515.jpg", - "$area": 290 - }, - "id": "album-Superunknown", - "name": "Superunknown" - } - ], - "data": { - "playcount": 607, - "$area": 607 - }, - "id": "artist_Soundgarden", - "name": "Soundgarden" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Blind Melon", - "playcount": "247", - "$color": "#9A6432", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/15113951.jpg", - "$area": 247 - }, - "id": "album-Nico", - "name": "Nico" - }, - { - "children": [], - "data": { - "artist": "Blind Melon", - "playcount": "218", - "$color": "#A65832", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/45729417.jpg", - "$area": 218 - }, - "id": "album-Soup", - "name": "Soup" - }, - { - "children": [], - "data": { - "artist": "Blind Melon", - "playcount": "197", - "$color": "#AE5032", - "image": "http:\/\/images.amazon.com\/images\/P\/B00005V5PW.01.MZZZZZZZ.jpg", - "$area": 197 - }, - "id": "album-Classic Masters", - "name": "Classic Masters" - }, - { - "children": [], - "data": { - "artist": "Blind Melon", - "playcount": "194", - "$color": "#B04E32", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/15157989.jpg", - "$area": 194 - }, - "id": "album-Blind Melon", - "name": "Blind Melon" - } - ], - "data": { - "playcount": 856, - "$area": 856 - }, - "id": "artist_Blind Melon", - "name": "Blind Melon" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Incubus", - "playcount": "537", - "$color": "#24DA32", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/17594883.jpg", - "$area": 537 - }, - "id": "album-Make Yourself", - "name": "Make Yourself" - }, - { - "children": [], - "data": { - "artist": "Incubus", - "playcount": "258", - "$color": "#966832", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/31550385.jpg", - "$area": 258 - }, - "id": "album-Light Grenades", - "name": "Light Grenades" - }, - { - "children": [], - "data": { - "artist": "Incubus", - "playcount": "181", - "$color": "#B54932", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/32309285.jpg", - "$area": 181 - }, - "id": "album-Morning View", - "name": "Morning View" - } - ], - "data": { - "playcount": 976, - "$area": 976 - }, - "id": "artist_Incubus", - "name": "Incubus" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Jack Johnson", - "playcount": "198", - "$color": "#AE5032", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/8599099.jpg", - "$area": 198 - }, - "id": "album-On And On", - "name": "On And On" - }, - { - "children": [], - "data": { - "artist": "Jack Johnson", - "playcount": "186", - "$color": "#B34B32", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/30082075.jpg", - "$area": 186 - }, - "id": "album-Brushfire Fairytales", - "name": "Brushfire Fairytales" - } - ], - "data": { - "playcount": 384, - "$area": 384 - }, - "id": "artist_Jack Johnson", - "name": "Jack Johnson" - }, - { - "children": [ - { - "children": [], - "data": { - "artist": "Mother Love Bone", - "playcount": "349", - "$color": "#718D32", - "image": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/21881921.jpg", - "$area": 349 - }, - "id": "album-Mother Love Bone", - "name": "Mother Love Bone" - } - ], - "data": { - "playcount": 349, - "$area": 349 - }, - "id": "artist_Mother Love Bone", - "name": "Mother Love Bone" - } - ], - "data": {}, - "id": "root", - "name": "Top Albums" - }; - //end - //init TreeMap - var tm = new $jit.TM.Squarified({ - //where to inject the visualization - injectInto: 'infovis', - //no parent frames - titleHeight: 0, - //enable animations - animate: animate, - //no box offsets - offset: 0, - //add cushion gradients - cushion: useGradients, - //duration of the animation - duration: 1500, - //Enable tips - Tips: { - enable: true, - //add positioning offsets - offsetX: 20, - offsetY: 20, - //implement the onShow method to - //add content to the tooltip when a node - //is hovered - onShow: function(tip, node, isLeaf, domElement) { - var html = "
    " + node.name - + "
    "; - var data = node.data; - if(data.artist) { - html += "Artist: " + data.artist + "
    "; - } - if(data.playcount) { - html += "Play count: " + data.playcount; - } - if(data.image) { - html += ""; - } - tip.innerHTML = html; - } - }, - //Add the name of the node in the correponding label - //This method is called once, on label creation. - onCreateLabel: function(domElement, node){ - domElement.innerHTML = node.name; - var style = domElement.style; - style.display = ''; - style.cursor = 'default'; - style.border = '1px solid transparent'; - domElement.onmouseover = function() { - style.border = '1px solid #9FD4FF'; - }; - domElement.onmouseout = function() { - style.border = '1px solid transparent'; - }; - } - }); - - tm.loadJSON(json); - tm.refresh(); - //end - //add events to radio buttons - var sq = $jit.id('r-sq'), - st = $jit.id('r-st'), - sd = $jit.id('r-sd'); - var util = $jit.util; - util.addEvent(sq, 'change', function() { - if(!sq.checked) return; - util.extend(tm, new $jit.Layouts.TM.Squarified); - tm.refresh(); - }); - util.addEvent(st, 'change', function() { - if(!st.checked) return; - util.extend(tm, new $jit.Layouts.TM.Strip); - tm.layout.orientation = "v"; - tm.refresh(); - }); - util.addEvent(sd, 'change', function() { - if(!sd.checked) return; - util.extend(tm, new $jit.Layouts.TM.SliceAndDice); - tm.layout.orientation = "v"; - tm.refresh(); - }); - //add event to the back button - var back = $jit.id('back'); - $jit.util.addEvent(back, 'click', function() { - tm.out(); - }); -} diff --git a/app/assets/javascripts/Jit/Examples/css/AreaChart.css b/app/assets/javascripts/Jit/Examples/css/AreaChart.css deleted file mode 100644 index 7242e1a9..00000000 --- a/app/assets/javascripts/Jit/Examples/css/AreaChart.css +++ /dev/null @@ -1,114 +0,0 @@ -#right-container { - display: none; -} - -#center-container { - width:800px; -} - -#infovis { - width:800px; -} - -#id-list { - background-color:#EEEEEE; - border:1px solid #CCCCCC; - margin:10px 20px 0 20px; - padding:5px; - text-align:left; - text-indent:2px; -} - -#id-list li { - list-style: none; - margin-bottom:3px; - -} - -.query-color { - border:1px solid #999999; - float:left; - height:10px; - margin:3px 3px 0 0; - width:10px; -} - -#update, #restore { - text-align: center; - width: 100px; - margin:10px 35px; -} - -.button { - display: inline-block; - outline: none; - cursor: pointer; - text-align: center; - text-decoration: none; - font: 14px / 100% Arial, Helvetica, sans-serif; - padding: 0.5em 1em 0.55em; - text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); - -webkit-border-radius: 0.5em; - -moz-border-radius: 0.5em; - border-radius: 0.5em; - -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -} - -.button:hover { - text-decoration: none; -} - -.button:active { - position: relative; - top: 1px; -} - -/* gray */ -.gray { - color: #e9e9e9; - border: solid 1px #555; - background: #6e6e6e; - background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)); - background: -moz-linear-gradient(top, #888, #575757); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); -} - -.gray:hover { - background: #616161; - background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)); - background: -moz-linear-gradient(top, #757575, #4b4b4b); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); -} - -.gray:active { - color: #afafaf; - background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888)); - background: -moz-linear-gradient(top, #575757, #888); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888'); -} - -/* white */ -.white { - color: #606060; - border: solid 1px #b7b7b7; - background: #fff; - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); - background: -moz-linear-gradient(top, #fff, #ededed); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); -} - -.white:hover { - background: #ededed; - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); - background: -moz-linear-gradient(top, #fff, #dcdcdc); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); -} - -.white:active { - color: #999; - background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); - background: -moz-linear-gradient(top, #ededed, #fff); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); -} diff --git a/app/assets/javascripts/Jit/Examples/css/BarChart.css b/app/assets/javascripts/Jit/Examples/css/BarChart.css deleted file mode 100644 index 3b5ec4c9..00000000 --- a/app/assets/javascripts/Jit/Examples/css/BarChart.css +++ /dev/null @@ -1,112 +0,0 @@ -#right-container { - display: none; -} - -#center-container { - width:800px; -} - -#infovis { - width:800px; -} - -#id-list { - background-color:#EEEEEE; - border:1px solid #CCCCCC; - margin:10px 20px 0 20px; - padding:5px; - text-align:left; - text-indent:2px; -} - -#id-list li { - list-style: none; - margin-bottom:3px; - -} - -.query-color { - border:1px solid #999999; - float:left; - height:10px; - margin:3px 3px 0 0; - width:10px; -} - -#update { - margin:10px 40px; -} - -.button { - display: inline-block; - outline: none; - cursor: pointer; - text-align: center; - text-decoration: none; - font: 14px / 100% Arial, Helvetica, sans-serif; - padding: 0.5em 1em 0.55em; - text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); - -webkit-border-radius: 0.5em; - -moz-border-radius: 0.5em; - border-radius: 0.5em; - -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -} - -.button:hover { - text-decoration: none; -} - -.button:active { - position: relative; - top: 1px; -} - -/* gray */ -.gray { - color: #e9e9e9; - border: solid 1px #555; - background: #6e6e6e; - background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)); - background: -moz-linear-gradient(top, #888, #575757); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); -} - -.gray:hover { - background: #616161; - background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)); - background: -moz-linear-gradient(top, #757575, #4b4b4b); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); -} - -.gray:active { - color: #afafaf; - background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888)); - background: -moz-linear-gradient(top, #575757, #888); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888'); -} - -/* white */ -.white { - color: #606060; - border: solid 1px #b7b7b7; - background: #fff; - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); - background: -moz-linear-gradient(top, #fff, #ededed); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); -} - -.white:hover { - background: #ededed; - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); - background: -moz-linear-gradient(top, #fff, #dcdcdc); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); -} - -.white:active { - color: #999; - background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); - background: -moz-linear-gradient(top, #ededed, #fff); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); -} diff --git a/app/assets/javascripts/Jit/Examples/css/ForceDirected.css b/app/assets/javascripts/Jit/Examples/css/ForceDirected.css deleted file mode 100644 index fd2cbb53..00000000 --- a/app/assets/javascripts/Jit/Examples/css/ForceDirected.css +++ /dev/null @@ -1,27 +0,0 @@ -#inner-details { - font-size:12px; -} - -span.close { - color:#FF5555; - cursor:pointer; - font-weight:bold; - margin-left:3px; -} - -span.name { - cursor: pointer; -} - -/*TOOLTIPS*/ -.tip { - text-align: left; - width:auto; - max-width:500px; -} - -.tip-title { - font-size: 11px; - text-align:center; - margin-bottom:2px; -} diff --git a/app/assets/javascripts/Jit/Examples/css/HeatMap.css b/app/assets/javascripts/Jit/Examples/css/HeatMap.css deleted file mode 100644 index e69de29b..00000000 diff --git a/app/assets/javascripts/Jit/Examples/css/Hypertree.css b/app/assets/javascripts/Jit/Examples/css/Hypertree.css deleted file mode 100644 index 53ecca17..00000000 --- a/app/assets/javascripts/Jit/Examples/css/Hypertree.css +++ /dev/null @@ -1,3 +0,0 @@ -#infovis-canvaswidget { - margin:25px 0 0 25px; -} \ No newline at end of file diff --git a/app/assets/javascripts/Jit/Examples/css/Icicle.css b/app/assets/javascripts/Jit/Examples/css/Icicle.css deleted file mode 100644 index c599d629..00000000 --- a/app/assets/javascripts/Jit/Examples/css/Icicle.css +++ /dev/null @@ -1,79 +0,0 @@ -#update { - margin:10px 40px; -} - -.button { - display: inline-block; - outline: none; - cursor: pointer; - text-align: center; - text-decoration: none; - font: 14px / 100% Arial, Helvetica, sans-serif; - padding: 0.5em 1em 0.55em; - text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); - -webkit-border-radius: 0.5em; - -moz-border-radius: 0.5em; - border-radius: 0.5em; - -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -} - -.button:hover { - text-decoration: none; -} - -.button:active { - position: relative; - top: 1px; -} - -/* white */ -.white { - color: #606060; - border: solid 1px #b7b7b7; - background: #fff; - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); - background: -moz-linear-gradient(top, #fff, #ededed); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); -} - -.white:hover { - background: #ededed; - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); - background: -moz-linear-gradient(top, #fff, #dcdcdc); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); -} - -.white:active { - color: #999; - background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); - background: -moz-linear-gradient(top, #ededed, #fff); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); -} - - -.tip { - text-align: left; - width:auto; - max-width:500px; -} - -.tip-title { - font-size: 11px; - text-align:center; - margin-bottom:2px; -} - -#right-container { - display: none; -} - -#center-container { - width:800px; -} - -#infovis { - width:800px; -} - diff --git a/app/assets/javascripts/Jit/Examples/css/Other.css b/app/assets/javascripts/Jit/Examples/css/Other.css deleted file mode 100644 index ed6dacc8..00000000 --- a/app/assets/javascripts/Jit/Examples/css/Other.css +++ /dev/null @@ -1,8 +0,0 @@ -#right-container { - display:none; -} - -#infovis { - width:800px; - background-color:#1a1a1a; -} diff --git a/app/assets/javascripts/Jit/Examples/css/PieChart.css b/app/assets/javascripts/Jit/Examples/css/PieChart.css deleted file mode 100644 index 3b5ec4c9..00000000 --- a/app/assets/javascripts/Jit/Examples/css/PieChart.css +++ /dev/null @@ -1,112 +0,0 @@ -#right-container { - display: none; -} - -#center-container { - width:800px; -} - -#infovis { - width:800px; -} - -#id-list { - background-color:#EEEEEE; - border:1px solid #CCCCCC; - margin:10px 20px 0 20px; - padding:5px; - text-align:left; - text-indent:2px; -} - -#id-list li { - list-style: none; - margin-bottom:3px; - -} - -.query-color { - border:1px solid #999999; - float:left; - height:10px; - margin:3px 3px 0 0; - width:10px; -} - -#update { - margin:10px 40px; -} - -.button { - display: inline-block; - outline: none; - cursor: pointer; - text-align: center; - text-decoration: none; - font: 14px / 100% Arial, Helvetica, sans-serif; - padding: 0.5em 1em 0.55em; - text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); - -webkit-border-radius: 0.5em; - -moz-border-radius: 0.5em; - border-radius: 0.5em; - -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -} - -.button:hover { - text-decoration: none; -} - -.button:active { - position: relative; - top: 1px; -} - -/* gray */ -.gray { - color: #e9e9e9; - border: solid 1px #555; - background: #6e6e6e; - background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)); - background: -moz-linear-gradient(top, #888, #575757); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); -} - -.gray:hover { - background: #616161; - background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)); - background: -moz-linear-gradient(top, #757575, #4b4b4b); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); -} - -.gray:active { - color: #afafaf; - background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888)); - background: -moz-linear-gradient(top, #575757, #888); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888'); -} - -/* white */ -.white { - color: #606060; - border: solid 1px #b7b7b7; - background: #fff; - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); - background: -moz-linear-gradient(top, #fff, #ededed); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); -} - -.white:hover { - background: #ededed; - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); - background: -moz-linear-gradient(top, #fff, #dcdcdc); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); -} - -.white:active { - color: #999; - background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); - background: -moz-linear-gradient(top, #ededed, #fff); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); -} diff --git a/app/assets/javascripts/Jit/Examples/css/RGraph.css b/app/assets/javascripts/Jit/Examples/css/RGraph.css deleted file mode 100644 index e69de29b..00000000 diff --git a/app/assets/javascripts/Jit/Examples/css/Spacetree.css b/app/assets/javascripts/Jit/Examples/css/Spacetree.css deleted file mode 100644 index 6c6b2b81..00000000 --- a/app/assets/javascripts/Jit/Examples/css/Spacetree.css +++ /dev/null @@ -1,59 +0,0 @@ -.jit-autoadjust-label { - padding: 15px; -} - -#update, #restore { - text-align: center; - width: 100px; - margin:0px 35px 10px 35px; -} - -.button { - display: inline-block; - outline: none; - cursor: pointer; - text-align: center; - text-decoration: none; - font: 14px / 100% Arial, Helvetica, sans-serif; - padding: 0.5em 1em 0.55em; - text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); - -webkit-border-radius: 0.5em; - -moz-border-radius: 0.5em; - border-radius: 0.5em; - -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -} - -.button:hover { - text-decoration: none; -} - -.button:active { - position: relative; - top: 1px; -} - -/* white */ -.white { - color: #606060; - border: solid 1px #b7b7b7; - background: #fff; - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); - background: -moz-linear-gradient(top, #fff, #ededed); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); -} - -.white:hover { - background: #ededed; - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); - background: -moz-linear-gradient(top, #fff, #dcdcdc); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); -} - -.white:active { - color: #999; - background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); - background: -moz-linear-gradient(top, #ededed, #fff); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); -} diff --git a/app/assets/javascripts/Jit/Examples/css/Sunburst.css b/app/assets/javascripts/Jit/Examples/css/Sunburst.css deleted file mode 100644 index 0b0467a8..00000000 --- a/app/assets/javascripts/Jit/Examples/css/Sunburst.css +++ /dev/null @@ -1,32 +0,0 @@ -/*TOOLTIPS*/ -#inner-details { - font-size:12px; -} - -.tip { - text-align: left; - width:auto; - max-width:500px; -} - -.tip-title { - font-size: 11px; - text-align:center; - margin-bottom:2px; -} - -pre { - background-color:#EEEEEE; - border:1px solid #CCCCCC; - font-size:10px; - margin:5px auto; - padding:5px; - width:170px; - - white-space: pre-wrap; - white-space: -moz-pre-wrap; - white-space: -webkit-pre-wrap; - white-space: -pre-wrap; - white-space: -o-pre-wrap; - word-wrap: break-word; -} \ No newline at end of file diff --git a/app/assets/javascripts/Jit/Examples/css/TimeGraph.css b/app/assets/javascripts/Jit/Examples/css/TimeGraph.css deleted file mode 100644 index 65add9ce..00000000 --- a/app/assets/javascripts/Jit/Examples/css/TimeGraph.css +++ /dev/null @@ -1,113 +0,0 @@ -#right-container { - display: none; -} - -#center-container { - width:800px; -} - -#infovis { - width:800px; - /*height: 250px;*/ -} - -#id-list { - background-color:#EEEEEE; - border:1px solid #CCCCCC; - margin:10px 20px 0 20px; - padding:5px; - text-align:left; - text-indent:2px; -} - -#id-list li { - list-style: none; - margin-bottom:3px; - -} - -.query-color { - border:1px solid #999999; - float:left; - height:10px; - margin:3px 3px 0 0; - width:10px; -} - -#update { - margin:10px 40px; -} - -.button { - display: inline-block; - outline: none; - cursor: pointer; - text-align: center; - text-decoration: none; - font: 14px / 100% Arial, Helvetica, sans-serif; - padding: 0.5em 1em 0.55em; - text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); - -webkit-border-radius: 0.5em; - -moz-border-radius: 0.5em; - border-radius: 0.5em; - -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -} - -.button:hover { - text-decoration: none; -} - -.button:active { - position: relative; - top: 1px; -} - -/* gray */ -.gray { - color: #e9e9e9; - border: solid 1px #555; - background: #6e6e6e; - background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)); - background: -moz-linear-gradient(top, #888, #575757); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); -} - -.gray:hover { - background: #616161; - background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)); - background: -moz-linear-gradient(top, #757575, #4b4b4b); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); -} - -.gray:active { - color: #afafaf; - background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888)); - background: -moz-linear-gradient(top, #575757, #888); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888'); -} - -/* white */ -.white { - color: #606060; - border: solid 1px #b7b7b7; - background: #fff; - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); - background: -moz-linear-gradient(top, #fff, #ededed); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); -} - -.white:hover { - background: #ededed; - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); - background: -moz-linear-gradient(top, #fff, #dcdcdc); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); -} - -.white:active { - color: #999; - background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); - background: -moz-linear-gradient(top, #ededed, #fff); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); -} diff --git a/app/assets/javascripts/Jit/Examples/css/Treemap.css b/app/assets/javascripts/Jit/Examples/css/Treemap.css deleted file mode 100644 index c4b3d02f..00000000 --- a/app/assets/javascripts/Jit/Examples/css/Treemap.css +++ /dev/null @@ -1,109 +0,0 @@ -#right-container { - display: none; -} - -#center-container { - width:800px; -} - -#infovis { - width:800px; -} - -.node { - color:#fff; - font-size:9px; - overflow:hidden; - cursor:pointer; -/* - text-shadow:2px 2px 5px #000; - -o-text-shadow:2px 2px 5px #000; - -webkit-text-shadow:2px 2px 5px #000; - -moz-text-shadow:2px 2px 5px #000; -*/ -} - -/*TOOLTIPS*/ -.tip { - color: #fff; - width: 139px; - background-color: black; - opacity:0.9; - filter:alpha(opacity=90); - font-size:10px; - font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; - padding:7px; -} - -.album { - width:100px; - margin:3px; -} - -#id-list { - background-color:#EEEEEE; - border:1px solid #CCCCCC; - margin:10px 20px 0 20px; - padding:5px; - text-align:left; - text-indent:2px; -} - -#id-list table { - margin-top:2px; -} - -#back { - margin:10px 40px; -} - -.button { - display: inline-block; - outline: none; - cursor: pointer; - text-align: center; - text-decoration: none; - font: 14px / 100% Arial, Helvetica, sans-serif; - padding: 0.5em 1em 0.55em; - text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); - -webkit-border-radius: 0.5em; - -moz-border-radius: 0.5em; - border-radius: 0.5em; - -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -} - -.button:hover { - text-decoration: none; -} - -.button:active { - position: relative; - top: 1px; -} - -/* white */ -.white { - color: #606060; - border: solid 1px #b7b7b7; - background: #fff; - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); - background: -moz-linear-gradient(top, #fff, #ededed); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); -} - -.white:hover { - background: #ededed; - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); - background: -moz-linear-gradient(top, #fff, #dcdcdc); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); -} - -.white:active { - color: #999; - background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); - background: -moz-linear-gradient(top, #ededed, #fff); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); -} - diff --git a/app/assets/javascripts/Jit/Examples/css/base.css b/app/assets/javascripts/Jit/Examples/css/base.css deleted file mode 100644 index dafd35e9..00000000 --- a/app/assets/javascripts/Jit/Examples/css/base.css +++ /dev/null @@ -1,123 +0,0 @@ -html, body { - margin:0; - padding:0; - font-family: "Lucida Grande", Verdana; - font-size: 0.9em; - text-align: center; - background-color:#F2F2F2; -} - -input, select { - font-size:0.9em; -} - -table { - margin-top:-10px; - margin-left:7px; -} - -h4 { - font-size:1.1em; - text-decoration:none; - font-weight:normal; - color:#23A4FF; -} - -a { - color:#23A4FF; -} - -#container { - width: 1000px; - height: 600px; - margin:0 auto; - position:relative; -} - -#left-container, -#right-container, -#center-container { - height:600px; - position:absolute; - top:0; -} - -#left-container, #right-container { - width:200px; - color:#686c70; - text-align: left; - overflow: auto; - background-color:#fff; - background-repeat:no-repeat; - border-bottom:1px solid #ddd; -} - -#left-container { - left:0; - background-image:url('col2.png'); - background-position:center right; - border-left:1px solid #ddd; - -} - -#right-container { - right:0; - background-image:url('col1.png'); - background-position:center left; - border-right:1px solid #ddd; -} - -#right-container h4{ - text-indent:8px; -} - -#center-container { - width:600px; - left:200px; - background-color:#1a1a1a; - color:#ccc; -} - -.text { - margin: 7px; -} - -#inner-details { - font-size:0.8em; - list-style:none; - margin:7px; -} - -#log { - position:absolute; - top:10px; - font-size:1.0em; - font-weight:bold; - color:#23A4FF; -} - - -#infovis { - position:relative; - width:600px; - height:600px; - margin:auto; - overflow:hidden; -} - -/*TOOLTIPS*/ -.tip { - color: #111; - width: 139px; - background-color: white; - border:1px solid #ccc; - -moz-box-shadow:#555 2px 2px 8px; - -webkit-box-shadow:#555 2px 2px 8px; - -o-box-shadow:#555 2px 2px 8px; - box-shadow:#555 2px 2px 8px; - opacity:0.9; - filter:alpha(opacity=90); - font-size:10px; - font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; - padding:7px; -} \ No newline at end of file diff --git a/app/assets/javascripts/Jit/Examples/css/col1.png b/app/assets/javascripts/Jit/Examples/css/col1.png deleted file mode 100644 index 7ab008fb..00000000 Binary files a/app/assets/javascripts/Jit/Examples/css/col1.png and /dev/null differ diff --git a/app/assets/javascripts/Jit/Examples/css/col2.png b/app/assets/javascripts/Jit/Examples/css/col2.png deleted file mode 100644 index c0d3891b..00000000 Binary files a/app/assets/javascripts/Jit/Examples/css/col2.png and /dev/null differ diff --git a/app/assets/javascripts/Jit/Examples/css/gradient.png b/app/assets/javascripts/Jit/Examples/css/gradient.png deleted file mode 100644 index e283966f..00000000 Binary files a/app/assets/javascripts/Jit/Examples/css/gradient.png and /dev/null differ diff --git a/app/assets/javascripts/Jit/Examples/ForceDirected/example1.js b/app/assets/javascripts/Jit/ForceDirected/metamap.js similarity index 100% rename from app/assets/javascripts/Jit/Examples/ForceDirected/example1.js rename to app/assets/javascripts/Jit/ForceDirected/metamap.js diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js index c59570bc..135a7ccc 100644 --- a/app/assets/javascripts/application.js +++ b/app/assets/javascripts/application.js @@ -13,10 +13,9 @@ //= require jquery //= require jquery_ujs //= require_tree . -//= require Jit/jit //= require Jit/jit-yc //= require Jit/excanvas -//= require Jit/Examples/ForceDirected/example1 +//= require Jit/ForceDirected/metamap $(document).ready(function() { $('.nodemargin').css('padding-top',$('.focus').css('height')); diff --git a/test/fixtures/groupgroups.yml b/test/fixtures/groupgroups.yml deleted file mode 100644 index 4a714bcf..00000000 --- a/test/fixtures/groupgroups.yml +++ /dev/null @@ -1,5 +0,0 @@ -# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/Fixtures.html - -one: - group_id: 1 - parent_group_id: 1 diff --git a/test/fixtures/groupitems.yml b/test/fixtures/groupitems.yml deleted file mode 100644 index 2d5eb392..00000000 --- a/test/fixtures/groupitems.yml +++ /dev/null @@ -1,5 +0,0 @@ -# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/Fixtures.html - -one: - group_id: 980190962 - item_id: 980190962 diff --git a/test/fixtures/grouppeople.yml b/test/fixtures/grouppeople.yml deleted file mode 100644 index 6d6a6cb4..00000000 --- a/test/fixtures/grouppeople.yml +++ /dev/null @@ -1,5 +0,0 @@ -# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/Fixtures.html - -one: - group_id: 980190962 - person_id: 980190962 diff --git a/test/fixtures/groups.yml b/test/fixtures/groups.yml deleted file mode 100644 index 1faf1197..00000000 --- a/test/fixtures/groups.yml +++ /dev/null @@ -1,11 +0,0 @@ -# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/Fixtures.html - -one: - name: Emerging Leader Labs - desc: post-monetary social incubator - link: http://emergingleaderlabs.org - -two: - name: Household-As-Ecology - desc: Humanity 3.0 intentional household - link: http://householdasecology.org diff --git a/test/fixtures/itemitems.yml b/test/fixtures/itemitems.yml deleted file mode 100644 index 50790939..00000000 --- a/test/fixtures/itemitems.yml +++ /dev/null @@ -1,3 +0,0 @@ -# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/Fixtures.html - - diff --git a/test/fixtures/items.yml b/test/fixtures/items.yml deleted file mode 100644 index cf51f2cc..00000000 --- a/test/fixtures/items.yml +++ /dev/null @@ -1,6 +0,0 @@ -# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/Fixtures.html - -one: - name: Sacred Economics - desc: A clear outline of our necessity for remodeling our economic thinking to a more holistic perspective. Well-written and nice storytelling. - link: http://sacred-economics.com/ diff --git a/test/fixtures/people.yml b/test/fixtures/people.yml deleted file mode 100644 index 311e6bb2..00000000 --- a/test/fixtures/people.yml +++ /dev/null @@ -1,11 +0,0 @@ -# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/Fixtures.html - -one: - name: Venessa Miemis - desc: Culture hacker. - link: http://emergentbydesign.com - -two: - name: Seb Paquet - desc: Culture hacker. - link: http://emergentcities.sebpaquet.net/ diff --git a/test/fixtures/personitems.yml b/test/fixtures/personitems.yml deleted file mode 100644 index 10c14d18..00000000 --- a/test/fixtures/personitems.yml +++ /dev/null @@ -1,5 +0,0 @@ -# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/Fixtures.html - -one: - person_id: 980190962 - item_id: 980190962