@csn_chile/wsjs_charts/src/twocircles/index.js

Scripts de javascript para usar websockets

let d3=require('d3');
import { TwoCirclesChart } from './twocircles';

let color = d3.scaleOrdinal().range(["#EDC951","#CC333F","#00A0B0"]);

let svg_vwp = {'w':120, 'h':80};

let init_data = {
  width: svg_vwp.w,
  height: svg_vwp.h,
  color: color,
    viewport:svg_vwp,
    separation:12,
    margin:10
};

let twocirclesID="twocirclesChart";
let twocirclesChart = TwoCirclesChart('#'+twocirclesID, init_data);

twocirclesChart.init();

function updateTwoCircles(){
    let pdop=Math.random()*20;
    let tdop=Math.random()*20;
    let data={PDOP:pdop, TDOP:tdop};
    twocirclesChart.update2(data);
}

let button_form=document.getElementById('buttonRandomTwoCircles');
button_form.onclick=updateTwoCircles;