Skip to content

Instantly share code, notes, and snippets.

@openjck

openjck/metrics-graphics-#822.html Secret

Created February 27, 2018 23:20
Show Gist options
  • Save openjck/2311b6e3fb54e51faa36ada09d93d683 to your computer and use it in GitHub Desktop.
Save openjck/2311b6e3fb54e51faa36ada09d93d683 to your computer and use it in GitHub Desktop.
Download ZIP
HTML document demonstrating the issue described in metricsgraphics/metrics-graphics#822
Raw
metrics-graphics-#822.html
<!doctype html>
<html lang="en-US" dir="ltr">
<head>
<meta charset="utf-8" />
<title>Example</title>
<link href="https://rawgit.com/mozilla/metrics-graphics/f49de3634b5825fc03c3bbbe8aff7252acea0765/dist/metricsgraphics.css" rel="stylesheet" />
</head>
<body>
<div id="target"></div>
<script src="https://d3js.org/d3.v4.js"></script>
<script src="https://rawgit.com/mozilla/metrics-graphics/f49de3634b5825fc03c3bbbe8aff7252acea0765/dist/metricsgraphics.js"></script>
<script>
const exampleData = [
{ x: 1, y: 3.0 },
{ x: 2, y: 3.1 },
{ x: 3, y: 3.2 },
];
MG.data_graphic({
target: '#target',
data: exampleData,
x_accessor: 'x',
y_accessor: 'y',
min_y_from_data: true,
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment