Spaces:
Running
Running
I'll help you create a TypeScript project that visualizes the wellbore schematic based on your Excel data. This will display the well path, casing strings, and formations similar to your image.
9ee9831 verified | <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <title>Wellbore Schematic - N-11#12</title> | |
| <link rel="stylesheet" href="style.css" /> | |
| </head> | |
| <body> | |
| <div class="card"> | |
| <h1>Wellbore Schematic Visualization</h1> | |
| <p>N-11#12 - Mumbai High Offshore</p> | |
| <div id="root"></div> | |
| <div style="margin-top: 20px;"> | |
| <a href="index.html">Back to Home</a> | |
| </div> | |
| </div> | |
| <script src="https://unpkg.com/react@18/umd/react.development.js"></script> | |
| <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script> | |
| <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script> | |
| <script src="https://d3js.org/d3.v7.min.js"></script> | |
| <script type="text/babel" src="wellbore-schematic.js"></script> | |
| </body> | |
| </html> |