website_assets/index.html from dnstats/dnstatsio

website_assets/index.html
Summary

Maintainability

Test Coverage

Issues
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>D3 pie</title>
        <link rel="stylesheet" href="style.css" />
    </head>
    <body>
        <div id="myPie"></div>
    </body>
    <script integrity="sha384-A753X7DKbqixyg9PJac76aNkFtPsX0ycrZTWbtFasXq1cWjTruFWwrvspVjmKQIZ" crossorigin="anonymous"  src="d3.js"></script>
    <script integrity="sha384-IzZrBY9y4c5KyD9O8fQVdEyyfuEBx6+E+ysTIO3QZRgkOkstdCW4ewps7fms2zbF" crossorigin="anonymous" src="d3pie.js"></script>
    <script>
        let p = document.getElementById('myPie');
        let pie = new d3pie(p, {
            header: {
                title: {
                    text: "A Very Simple Pie",
                    fontSize: 30,
                    color: '#FFF'
                }
            },
            data: {
                content: [
                    {label: "JavaScript", value: 264131},
                    {label: "Ruby", value: 218812},
                    {label: "Java", value: 157618}
                ]
            },
            labels: {
                mainLabel: {
                    color: "#ffffff",

                },
            },
            tooltips: {
                enabled: true,
                type: "placeholder",
                string: "{label}: {percentage}% ({value})",
                styles: {
                    fadeInSpeed: 500,
                    backgroundColor: "#e5e5e5",
                    backgroundOpacity: 0.8,
                    color: "#ffffcc",
                    borderRadius: 4,
                    fontSize: 20,
                    padding: 3
                }
            }
    });
    </script>
</html>