Cryptocurrency average order price versus size

Live streaming Crytocurrency price vs order size, using Perspective and d3fc. The size of each bubble indicates the total number of orders.

Read more about this in the blog post - realtime crypto charting with JPM Perspective and d3fc

Built with blockbuilder.org

forked from ColinEberhardt's block: Cryptocurrency average order price versus size

<script src="//unpkg.com/babel-standalone@6/babel.min.js"></script>

<script src="//unpkg.com/@jpmorganchase/perspective-examples@0.2.0-beta.3/build/perspective.js"></script>

#chart {
        width: 100%;
        height: 500px;
      }

.label rect {
        fill: none;
      }

.point path {
        opacity: 0.5;
      }

.y-label {
        transform: rotate(-90deg);
      }

.point text,
      g.label text {
        font-size: 10px;
        stroke: none;
        fill: black;
      }

.plot-area {
        overflow: visible !important;
      }
    </style>
  </head>
  <body>
    <div id="chart"></div>
    <script src="index.js" type="text/babel"></script>
  </body>
</html>

https://unpkg.com/babel-polyfill@6.26.0/dist/polyfill.js

https://unpkg.com/custom-event-polyfill@0.3.0/custom-event-polyfill.js

https://cdnjs.cloudflare.com/ajax/libs/document-register-element/1.8.0/document-register-element.js

https://unpkg.com/babel-standalone@6/babel.min.js

https://unpkg.com/d3@5.5.0

https://unpkg.com/d3fc@14.0.22

https://unpkg.com/@jpmorganchase/perspective-examples@0.2.0-beta.3/build/perspective.js