Skip to content

Instantly share code, notes, and snippets.

@ColinEberhardt

ColinEberhardt/.block

Created September 13, 2018 07:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ColinEberhardt/c37713006b1f9fdc25c8e35ce4dad607 to your computer and use it in GitHub Desktop.
Save ColinEberhardt/c37713006b1f9fdc25c8e35ce4dad607 to your computer and use it in GitHub Desktop.
Download ZIP
Yahoo Finance Chart
Raw
.block
license: mit
Raw
README.md

Yahoo Finance Chart

Raw
index.html
<!doctype html>
<head>
<!-- include polyfills for custom event, Symbol and Custom Elements -->
<script src="//unpkg.com/babel-polyfill@6.26.0/dist/polyfill.js"></script>
<script src="//unpkg.com/custom-event-polyfill@0.3.0/custom-event-polyfill.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/document-register-element/1.8.0/document-register-element.js"></script>
<!-- use babel so that we can use arrow functions and other goodness in this block! -->
<script src="//unpkg.com/babel-standalone@6/babel.min.js"></script>
<script src="//unpkg.com/d3@5.5.0"></script>
<script src="//unpkg.com/d3fc@14.0.19"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="chart-element" style="height: 500px"></div>
<svg>
<defs>
<linearGradient id="area-gradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-opacity="0.3" stop-color="#fff" />
<stop offset="100%" stop-opacity="0" stop-color="#1a9af9" />
</linearGradient>
</defs>
</svg>
<script src="legend.js" type='text/babel'></script>
<script src="callout.js" type='text/babel'></script>
<script src="util.js" type='text/babel'></script>
<script src="chart.js" type='text/babel'></script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment