radar

by spgoo

HTML

<script src="https://cdn.jsdelivr.net/npm/katex/dist/katex.min.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/katex/dist/katex.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraphcore.min.js"></script> 
    <script src="https://jsxgraph.org/distrib/JessieScript.js"></script>  
<style>
        .myFont :{
                font-family:'KaTeX_Main';
                font-size: '8vmin';

        }
</style>
<center>
  <div id="box1" class="jxgbox" style="width:400px; height:400px;"></div>
</center>

JavaScript

JXG.Options.text.useKatex = true; // going to use Katex for all labels
JXG.Options.text.cssDefaultStyle = 'font-family:KaTeX_Main, serif;font-size:4 vmin';
JXG.Options.text.highlightCssDefaultStyle =  'font-family:KaTeX_Main, serif;font-size:4 vmin';

const rayon= 8;

var board = JXG.JSXGraph.initBoard("box1", {pan: {enabled:false},boundingbox: [-10,10, 10,-10],
withLines:true, keepaspectratio: false,axis:false, showInfobox:false,
defaultAxes: {
    x: { ticks: {visible: false},withLabel: true,name: 'x',label: {
                position: 'rt',
                offset: [10, -15],
                anchorX: 'right',
                cssStyle: 'font-family:KaTeX_Math',
                layer:10,
                highlight:false
            } },
    y: { ticks: {visible: false},withLabel: true,name: '', label: {
                position: 'rt',
                offset: [-32, 7],
                anchorY: 'top',
                highlight:false
            } },
           
  },
showNavigation:false,showCopyright:false});
board.renderer.container.style.backgroundColor='#C3ADC3';
board.jc = new JXG.JessieCode();
board.jc.use(board);
const Emogine_proprietes={
        "MW":{"sim":{"min":122.1,"max":399.9},"global":{"min":122.1,"max":399.9}},
        "QED":{"sim":{"min":0.28,"max":0.94},"global":{"min":0.05,"max":0.95}},
        "TPSA":{"sim":{"min":0,"max":126.1},"global":{"min":0,"max":282.8}},
        "alert":{},"alert_priority":{},
        "clogp":{"sim":{"min":-2.07,"max":6.69},"global":{"min":-7.5,"max":10.6}},
        "efficiency":{"sim":{"min":-0.67,"max":-0.27},"global":{"min":-0.69,"max":-0.25}},
        "id1":{},
        "id_PDB":{},
        "links":{},
        "Affinity":{"sim":{"min":-9.99,"max":-6},"global":{"min":-14.78,"max":-6}},
        "RMSD":{"sim":{"min":0.04514,"max":3.05},"global":{"min":0.0212,"max":3.7}},
        "nHA":{"sim":{"min":0,"max":11},"global":{"min":0,"max":18}},
        "nHD":{"sim":{"min":0,"max":5},"global":{"min":0,"max":11}},
       ...