DataVisualization in the Oil & Gas Industry using SciChart
Tags: datavisualization, javascript, visualization
Published: 2024-03-13 15:23:14

<!-- wp:paragraph -->
<p>At SciChart we serve customers in many different industries and sectors. One sector which keeps coming back to use our chart software again and again is the Oil &amp; Gas industry. In this blog post we take a deep dive into how SciChart can help solve DataVisualization problems in the Oil &amp; Gas industry, and what chart types and features make us a great fit for oil &amp; gas explorers or producers who need to visualise complex or big data.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 id="what-is-scichart">What is SciChart?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>First up, what is <a href="https://www.scichart.com">SciChart</a>, and more importantly what isn't it?</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>SciChart is a software library for adding charts and graphs to applications. Our chart library supports JavaScript, TypeScript in browser or electron apps, C# WPF on Windows, Swift on macOS &amp; iOS and Kotlin on Android.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Our customers are software development teams which are building apps that need to visualize data in 2D or 3D charts and graphs. We don't sell an off-the-shelf SaaS app for Oil &amp; Gas prospecting, but we do sell chart libaries that will help you make the best prospecting or exploration tools for internal or external teams. If that's you, and you'd like to find out how, read on.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 id="datavisualization-types-popular-in-oil-gas">DataVisualization Types popular in Oil &amp; Gas</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>We asked our customers what are the most important chart types or datavisualization features for Oil &amp; Gas. This is what they told us:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul>
<li><strong>Big Data is a must</strong>. The ability to display millions of data-points without slowdown.</li>
<li><strong>Vertical charts.</strong> Ability to rotate a chart to view vertical drill depth.</li>
<li><strong>Synchronizing several charts</strong>. Ability to zoom, pan and show tooltips on several charts with the same horizontal or vertical scale</li>
<li><strong>Dashboarding charts</strong>. Ability to create dashboards with several charts. Some call this a Trellis chart. We just simply call it a dashboard.</li>
<li><strong>Popular chart types. </strong>such as Lines, Mountain, Scatter.</li>
<li><strong>Oil &amp; Gas specific chart types</strong>. such as formations chart. More on these later.</li>
<li><strong>Sonogram charts</strong>. We call this a heatmap, but it can also be used to visualise a sonogram, ultrasound or other data being sent back from well &amp; drill sensors.</li>
<li><strong>3 Dimensional Charts. </strong> Visualising surface meshes, topology data or point-clouds in 3D is possible with SciChart: both in browser and on desktop / mobile devices.</li>
<li><strong>High Performance.</strong> We already mentioned Big Data, but high performance &amp; realtime charts are central to what we do. Important in scientific industries.</li>
</ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>SciChart can handle all of these scenarios and more.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Let's dig into the features &amp; showcase some demos below:</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 id="oil-gas-demos-with-scichart">Oil &amp; Gas Demos with SciChart</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>We've created some demos showing how you can configure SciChart for Oil &amp; Gas applications below. These have been created in both JavaScript for browser apps and WPF / C# for Windows desktop apps.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":33185,"sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image size-large"><img class="wp-image-33185" src="https://www.scichart.com/wp-content/uploads/2022/05/image-9.png" alt="" />
<figcaption>We've created a JavaScript demo showcasing SciChart's capabilities for the Oil &amp; Gas industry. Download the <a href="https://github.com/ABTSoftware/SciChart.JS.Examples/tree/dev_v2.x/Sandbox/CustomerExamples/OilAndGasExample">source code here</a></figcaption>
</figure>
<!-- /wp:image -->

<!-- wp:heading -->
<h2 id="above-is-our-oil-gas-dashboard-demo-which-we-ve-created-in-javascript-as-well-as-wpf-windows-find-the-source-code-for-the-demos-here-">Above is our Oil &amp; Gas Dashboard demo which we've created in JavaScript as well as WPF (Windows). Find the source code for the demos here:</h2>
<!-- /wp:heading -->

<!-- wp:list -->
<ul>
<li><strong><a href="https://github.com/ABTSoftware/SciChart.Wpf.Examples/tree/SciChart_v6_Release/Sandbox/CustomerExamples/OilAndGasExample">WPF Oil &amp; Gas Demo source</a></strong></li>
<li><strong><a href="https://github.com/ABTSoftware/SciChart.JS.Examples/tree/dev_v2.x/Sandbox/CustomerExamples/OilAndGasExample">JavaScript Oil &amp; Gas Demo source</a></strong></li>
</ul>
<!-- /wp:list -->

<!-- wp:heading {"level":3} -->
<h3 id="scichart-s-vertical-chart-feature">SciChart's Vertical Chart feature</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>We're using the vertical chart features in SciChart to arrange a number of drill depth charts. These have synchronized zooming, panning, and tooltips using a feature we call the RolloverModifier. Each vertical chart has a different visualisation to showcase the flexibility &amp; power of SciChart.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":33187,"sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image size-large"><img class="wp-image-33187" src="https://www.scichart.com/wp-content/uploads/2022/05/oil-gas-charts-header-scichart-wpf-javascript-1.jpg" alt="" />
<figcaption>We've created a WPF (Windows) demo showcasing SciChart's capabilities for the Oil &amp; Gas industry. Download the source code here<strong>: <a href="https://github.com/ABTSoftware/SciChart.Wpf.Examples/tree/SciChart_v6_Release/Sandbox/CustomerExamples/OilAndGasExample">WPF Source</a> / <a href="https://github.com/ABTSoftware/SciChart.JS.Examples/tree/dev_v2.x/Sandbox/CustomerExamples/OilAndGasExample">JavaScript Source</a></strong></figcaption>
</figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<br><p>Above from left to right:</p>
<!-- /wp:paragraph -->

<!-- wp:list {"ordered":true} -->
<ol>
<li>A formation chart using our Stacked Mountain feature and PaletteProvider feature to colour individual segments.</li>
<li>Using our Band chart feature and PaletteProvider to colour segments we achieve a density plot.</li>
<li>The next plot is simply lines and dashed lines.</li>
<li>The fourth plot showcase spline mountains and scatter charts</li>
<li>The fifth plot is a sonogram using our Heatmap feature.</li>
<li>And the final plot is a column chart again using PaletteProvider feature to colour individual bars.</li>
</ol>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>All these charts zoom and pan in unison with a custom legend at the top. Tooltips are synchronized across charts using our built-in feature of synchronizing multiple charts.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 id="dashboarding-trellis-charts">Dashboarding (Trellis) Charts</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Simply arrange a grid of charts on the screen to create a Trellis / dashboard type effect. Each one features either Stacked Mountain series or Scatter Series. Charts have been configured to hire X/Y axis to make the most of available space.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":33189,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img class="wp-image-33189" src="https://www.scichart.com/wp-content/uploads/2022/05/scichart-js-dashboard-trellis-chart.jpg" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":3} -->
<h3 id="3d-charts-and-sonograms-heatmaps">3D Charts and Sonograms / Heatmaps</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>3D Charts and Heatmaps (Sonogram/Spectrogram) are supported. Our <a href="https://www.scichart.com/example/javascript-chart/javascript-heatmap-chart/">JavaScript heatmaps</a> are highly performant and may be updated in realtime to show ultrasound data or spectrogram data from Oil well sensors.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":33191,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img class="wp-image-33191" src="https://www.scichart.com/wp-content/uploads/2022/05/image-1-2.png" alt="" />
<figcaption>3D Charts supported in SciChart.js as well as SciChart WPF</figcaption>
</figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>3D Charts may be configured to show surface mesh - a kind of 2d topology map - and scatter / bubble / point-cloud charts.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 id="high-performance-big-data-realtime-charts">High Performance (Big Data) &amp; Realtime Charts</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Of course, all of this with our incredible world-class realtime performance. Our <a href="https://www.scichart.com/wpf-chart-features/" data-type="URL" data-id="https://www.scichart.com/wpf-chart-features/">WPF Charts</a> can render <strong>up to bilions of datapoints</strong> and our <a href="https://www.scichart.com/javascript-chart-features/">JavaScript charts</a> can draw <strong>tens of millions of data-points</strong> without slowdown. It has to be seen to be believed!</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 id="contact-us-to-find-out-more">Contact us to find out more</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>To find out more about <a href="https://www.scichart.com/">SciChart</a> the company, or ask us a question to enquire how we can help with your Oil &amp; gas prospecting, exploration or management applications, use the <a href="https://scichart.com/contact-us">contact form</a> and get in touch.</p>
<!-- /wp:paragraph -->
<blockquote>
<h2>Start using SciChart.js Today</h2>
SciChart.js is now available with a <a href="https://www.scichart.com/getting-started/scichart-javascript"><strong>FREE community edition</strong></a> (no trial, sign-up or credit card required) where you can try out the library commercially or use it in a non-commercial application. If you have a question, or would like to give feedback, contact us.<br /><br />
<p style="text-align: center;"><a class="button" href="https://scichart.com/contact-us">CONTACT US</a><a class="button" href="https://www.scichart.com/getting-started/scichart-javascript/">GET SCICHART.JS FREE</a></p>
</blockquote>