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>