Skip to content

Latest commit

 

History

History
29 lines (19 loc) · 983 Bytes

README.md

File metadata and controls

29 lines (19 loc) · 983 Bytes

Planview

HTML5 Canvas based library for generating and rendering diagrams.

npm

npm bundle size

Generating plan with points relative to image size.

The relative_points file can be found in the sources folder. It contains the config and the sections to be rendered.

<body>
    <img alt="img-1" id="img-1" />

    <script type="module">
        import { generateDiagram } from '../dist/planview.esm.js';
        import { relative_points } from './sources/relative_points.js';

        const img1 = document.getElementById('img-1');
        img1.src = generateDiagram(relative_points).diagram;
    </script>
</body>

The output of the above is following :

img-1