An SVG Horizontal Bar chart showing what people consider to be sensitive information

This goes in the documents header:
<script src="RGraph.svg.common.core.js"></script>
<script src="RGraph.svg.hbar.js"></script>
Put this where you want the chart to show up:
<div style="padding: 15px">
    <div style="width: 500px; height: 300px; float: right" id="chart-container"></div>
</div>
This is the code that generates the chart:
<script>
    new RGraph.SVG.HBar({
        id: 'chart-container',
        data: [89.2,65.7,62.6,58.3,47.3,46.3,44.6],
        options: {
            yaxis: false,
            xaxis: false,
            backgroundColor: '#ddd',
            backgroundGrid: false,
            labelsAbove: true,
            labelsAboveBold: true,
            labelsAboveOffsetx: -15,
            labelsAboveColor: 'white',
            labelsAboveUnitsPost: '%',
            labelsAboveHalign: 'right',
            xaxisScaleMax: 100,
            yaxisLabels: [
                'Social security number',
                'Content of phone conversation',
                'Content of mental thoughts',
                'Visual images in mind',
                'Brainwave activity',
                'Your relationship history',
                'Awkard emotional feelings'
            ]
        }
    }).draw();
</script>