@woosh/meep-engine/src/view/elements/windrose/prototype.js

Pure JavaScript game engine. Fully featured and production ready.

import { WindRoseDiagram } from "./WindRoseDiagram.js";

const diagram = new WindRoseDiagram({
    axes: [
        {
            name: 'Cost',
            value: 7,
            icon:'data/textures/icons/NhanceSpellIconsBundle/x64/T_Icon_Arcane_33.png'
        },
        {
            name: "Quality",
            value: 3,
            icon:'data/textures/icons/NhanceSpellIconsBundle/x64/T_Icon_BloodCombat_21.png'
        },
        {
            name: "Resource",
            value: 9,
            icon:'data/textures/icons/NhanceSpellIconsBundle/x64/T_Icon_Elements_38.png'
        },
        {
            name: "Time",
            value: 5
        },
        // {
        //     name: "Risk",
        //     value: 10
        // },
        // {
        //     name: "v",
        //     value: 10
        // }
    ]
});

document.body.append(diagram.el);

diagram.link();