This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
start [2017/08/29 19:42] admin |
start [2021/01/27 23:10] mah |
||
---|---|---|---|
Line 1: | Line 1: | ||
[[NovoNexus Modules|NovoNexus Modules]] | [[NovoNexus Modules|NovoNexus Modules]] | ||
- | < | + | [[main_page|]] |
- | < | + | |
- | <!--Load the AJAX API--> | + | |
- | <script type=" | + | |
- | <script type=" | + | |
- | + | ||
- | // Load the Visualization API and the corechart package. | + | |
- | google.charts.load(' | + | |
- | + | ||
- | // Set a callback to run when the Google Visualization API is loaded. | + | |
- | google.charts.setOnLoadCallback(drawChart); | + | |
- | + | ||
- | // Callback that creates and populates a data table, | + | |
- | // instantiates the pie chart, passes in the data and | + | |
- | // draws it. | + | |
- | function drawChart() { | + | |
- | + | ||
- | // Create the data table. | + | |
- | var data = new google.visualization.DataTable(); | + | |
- | data.addColumn(' | + | |
- | data.addColumn(' | + | |
- | data.addRows([ | + | |
- | [' | + | |
- | [' | + | |
- | [' | + | |
- | [' | + | |
- | [' | + | |
- | ]); | + | |
- | + | ||
- | // Set chart options | + | |
- | var options = {' | + | |
- | ' | + | |
- | ' | + | |
- | + | ||
- | // Instantiate and draw our chart, passing in some options. | + | |
- | var chart = new google.visualization.PieChart(document.getElementById(' | + | |
- | chart.draw(data, | + | |
- | } | + | |
- | </ | + | |
- | </ | + | |
- | + | ||
- | < | + | |
- | <!--Div that will hold the pie chart--> | + | |
- | <div id=" | + | |
- | </ | + | |
- | </ | + | |
- | + | ||
- | + | ||
- | < | + | |
- | < | + | |
- | <script type=" | + | |
- | <script type=" | + | |
- | google.charts.load(' | + | |
- | google.charts.setOnLoadCallback(drawChart); | + | |
- | + | ||
- | function drawChart() { | + | |
- | var data = google.visualization.arrayToDataTable( | + | |
- | [ [' | + | |
- | ['cats are better than dogs' | + | |
- | ['cats eat kibble' | + | |
- | ['cats are better than hamsters' | + | |
- | ['cats are awesome' | + | |
- | ['cats are people too' | + | |
- | ['cats eat mice' | + | |
- | ['cats meowing' | + | |
- | ['cats in the cradle' | + | |
- | ['cats eat mice' | + | |
- | ['cats in the cradle lyrics' | + | |
- | ['cats eat kibble' | + | |
- | ['cats for adoption' | + | |
- | ['cats are family' | + | |
- | ['cats eat mice' | + | |
- | ['cats are better than kittens' | + | |
- | ['cats are evil' | + | |
- | ['cats are weird' | + | |
- | ['cats eat mice' | + | |
- | ] | + | |
- | ); | + | |
- | + | ||
- | var options = { | + | |
- | wordtree: { | + | |
- | format: ' | + | |
- | word: ' | + | |
- | } | + | |
- | }; | + | |
- | + | ||
- | var chart = new google.visualization.WordTree(document.getElementById(' | + | |
- | chart.draw(data, | + | |
- | } | + | |
- | </ | + | |
- | </ | + | |
- | < | + | |
- | <div id=" | + | |
- | </ | + | |
- | </ | + | |
- | + | ||
- | < | + | |
- | digraph example1 {Hello->" | + | |
- | </ | + | |
- | + | ||
- | === Example 2 from http:// | + | |
- | < | + | |
- | graph EXAMPLE2 { | + | |
- | run -- intr; | + | |
- | intr -- runbl; | + | |
- | runbl -- run; | + | |
- | run -- kernel; | + | |
- | kernel -- zombie; | + | |
- | kernel -- sleep; | + | |
- | kernel -- runmem; | + | |
- | sleep -- swap; | + | |
- | swap -- runswap; | + | |
- | runswap -- new; | + | |
- | runswap -- runmem; | + | |
- | new -- runmem; | + | |
- | sleep -- runmem; | + | |
- | } | + | |
- | </ | + | |
- | + | ||
- | < | + | |
- | + | ||
- | digraph L0 { | + | |
- | size = " | + | |
- | ordering=out; | + | |
- | node [shape = box]; | + | |
- | + | ||
- | n0 [label=" | + | |
- | n1 [label=" | + | |
- | n2 [label=" | + | |
- | n3 [label=" | + | |
- | n4 [label=" | + | |
- | n5 [label=" | + | |
- | n6 [label=" | + | |
- | n7 [label=" | + | |
- | n8 [label=" | + | |
- | n9 [label=" | + | |
- | n10 [label=" | + | |
- | n11 [label=" | + | |
- | n12 [label=" | + | |
- | n13 [label=" | + | |
- | n14 [label=" | + | |
- | n15 [label=" | + | |
- | n16 [label=" | + | |
- | n17 [label=" | + | |
- | n18 [label=" | + | |
- | n19 [label=" | + | |
- | n20 [label=" | + | |
- | n21 [label=" | + | |
- | n22 [label=" | + | |
- | n23 [label=" | + | |
- | n24 [label=" | + | |
- | n25 [label=" | + | |
- | n26 [label=" | + | |
- | n27 [label=" | + | |
- | n28 [label=" | + | |
- | n29 [label=" | + | |
- | n30 [label=" | + | |
- | n31 [label=" | + | |
- | n32 [label=" | + | |
- | n33 [label=" | + | |
- | n34 [label=" | + | |
- | n35 [label=" | + | |
- | n36 [label=" | + | |
- | n37 [label=" | + | |
- | n38 [label=" | + | |
- | n39 [label=" | + | |
- | n40 [label=" | + | |
- | n41 [label=" | + | |
- | n42 [label=" | + | |
- | n0 ->{ n1 n4 n5 n39 n40 }; | + | |
- | n1 ->n2 ; | + | |
- | n2 ->n3 ; | + | |
- | n5 ->{ n6 n16 n17 }; | + | |
- | n6 ->{ n7 n8 n15 }; | + | |
- | n8 ->n9 ; | + | |
- | n9 ->{ n10 n12 n13 }; | + | |
- | n10 ->n11 ; | + | |
- | n13 ->n14 ; | + | |
- | n17 ->{ n18 n19 n38 }; | + | |
- | n19 ->{ n20 n26 n27 }; | + | |
- | n20 ->{ n21 n23 n24 }; | + | |
- | n21 ->n22 ; | + | |
- | n24 ->n25 ; | + | |
- | n27 ->n28 ; | + | |
- | n28 ->{ n29 n30 n37 }; | + | |
- | n30 ->n31 ; | + | |
- | n31 ->{ n32 n34 n35 }; | + | |
- | n32 ->n33 ; | + | |
- | n35 ->n36 ; | + | |
- | n40 ->n41 ; | + | |
- | n41 ->n42 ; | + | |
- | } | + | |
- | </ | + | |
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | digraph G {bgcolor=blue | + | |
- | + | ||
- | + | ||
- | subgraph cluster_1 { fontcolor=white | + | |
- | node [ style=filled, | + | |
- | node [ shape=" | + | |
- | node [ shape=" | + | |
- | node [ shape=" | + | |
- | node [ shape=" | + | |
- | node [ shape=" | + | |
- | + | ||
- | label = "X11 Colors"; | + | |
- | } | + | |
- | subgraph cluster_2 { fontcolor=white | + | |
- | node [ style=filled, | + | |
- | node [ shape=" | + | |
- | node [ shape=" | + | |
- | node [ shape=" | + | |
- | node [ shape=" | + | |
- | node [ shape=" | + | |
- | + | ||
- | label = "SVG Colors"; | + | |
- | } | + | |
- | subgraph cluster_3 { fontcolor=white | + | |
- | node [ style=filled, | + | |
- | node [ shape=" | + | |
- | node [ shape=" | + | |
- | node [ shape=" | + | |
- | node [ shape=" | + | |
- | node [ shape=" | + | |
- | + | ||
- | label = " | + | |
- | } | + | |
- | subgraph cluster_4 { fontcolor=white | + | |
- | node [ style=filled, | + | |
- | node [ shape=" | + | |
- | node [ shape=" | + | |
- | node [ shape=" | + | |
- | node [ shape=" | + | |
- | node [ shape=" | + | |
- | + | ||
- | label = " | + | |
- | } | + | |
- | + | ||
- | n3 -> n9 -> n15 -> n21; | + | |
- | } | + | |
- | </ | + | |
- | + | ||
- | < | + | |
- | digraph ATN { | + | |
- | rankdir=LR; | + | |
- | s25[fontsize=11, | + | |
- | s239[fontsize=24, | + | |
- | s240[fontsize=11, | + | |
- | s241[fontsize=11, | + | |
- | s242[fontsize=11, | + | |
- | s243[fontsize=11, | + | |
- | s244[fontsize=11, | + | |
- | s245[fontsize=11, | + | |
- | s246[fontsize=11, | + | |
- | s247[fontsize=11, | + | |
- | s24[fontsize=11, | + | |
- | s248[fontsize=11, | + | |
- | s249[fontsize=11, | + | |
- | s250[fontsize=11, | + | |
- | s251[fontsize=11, | + | |
- | s252[fontsize=11, | + | |
- | s24 -> s239 [fontname=" | + | |
- | s239 -> s247 [fontsize=11, | + | |
- | s247 -> s240 [fontname=" | + | |
- | s240 -> s243 [fontsize=11, | + | |
- | s243:p0 -> s241 [fontname=" | + | |
- | s243:p1 -> s242 [fontname=" | + | |
- | s241 -> s244 [fontsize=11, | + | |
- | s242 -> s244 [fontsize=11, | + | |
- | s244 -> s245 [fontname=" | + | |
- | s245 -> s246 [fontsize=11, | + | |
- | s246 -> s248 [fontsize=11, | + | |
- | s248 -> s249 [fontname=" | + | |
- | s249:p0 -> s247 [fontname=" | + | |
- | s249:p1 -> s250 [fontname=" | + | |
- | s250 -> s251 [fontname=" | + | |
- | s251 -> s252 [fontsize=11, | + | |
- | s252 -> s25 [fontname=" | + | |
- | } | + | |
- | </ | + |