Market Profile Chart

A market profile chart, using d3 and d3fc, as described in this blog post.

xxxxxxxxxx
 
<!DOCTYPE html>
<script src="https://d3js.org/d3.v4.min.js"></script>   
<script src="https://unpkg.com/d3fc@13.0.1"></script>
<script src="https://unpkg.com/lodash@4.17.4"></script>
<script src="https://unpkg.com/d3-scale-chromatic@1.1.1"></script>
​
<style>
g.profile g.multi {
  opacity: 0.8;
}
g.profile g.multi:hover {
  opacity: 1.0;
}
</style>
​
<div id='chart' style='height: 500px'></div>
​
<script src='chart.js'></script>
    

https://d3js.org/d3.v4.min.js

https://unpkg.com/d3fc@13.0.1

https://unpkg.com/lodash@4.17.4

https://unpkg.com/d3-scale-chromatic@1.1.1