JSFiddle - React, Tailwind, and code Playground

by Oleh Aloshkin

HTML

<script src="https://d3js.org/d3.v3.min.js"></script>
<div>
</div>

CSS

svg {
  background: black;
}

JavaScript

var x = d3.scale.log().domain([250, 100000]).range([0, 250]);
var y = d3.scale.linear().domain([15, 90]).range([150, 0]);

d3.select('div').append('svg');
var svg = d3.select('svg');

svg.append('circle').attr('r', 10).attr('fill', 'white').attr('cx', x(50000)).attr('cy', y(70));