JSFiddle - React, Tailwind, and code Playground

by Rushan Sakhibgareev

HTML

<svg height="600" width="600"></svg>

JavaScript

var completionDiagram = {
	wellName: "US-159",
  wellPad: "K11",
  totalDepth: {
  	MD: 2445.0,
    TVDSS: 2268.7
  }, 
  shoe: {
  	diameter: {
    	value: 177.8,
      units: "mm"
    }
  },
  casings: [
  	{
    	totalDepth: {
      	MD: 
        TVDSS:
      }
    }
  ],


}