JSFiddle - React, Tailwind, and code Playground
by Osvaldo
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.js" defer></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.css" rel="stylesheet" type="text/css" />
<div id="mynetwork2" style="background-color: #f6f6f5; height: 400px; border: none; margin-bottom: 1em;"></div>
<script src="https://apps.greenpeace.es/data-vis/js/WorldCup2014.js" defer></script>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function (event) {
var network;
function redrawAll() {
var container = document.getElementById('mynetwork2');
var options = {
nodes: {
shape: 'dot',
scaling: {
min: 10,
max: 30
},
font: {
size: 11,
face: '"Work Sans",sans-serif',
color: '#212529'
}
},
edges: {
color:{inherit:true},
width: 0.15,
smooth: {
type: 'continuous'
}
},
physics: false
};
var data = {nodes:nodes, edges:edges};
// Note: data is coming from ./data/WorldCup2014.js
network = new...