Introducing the SciTrader App & SDK
Published: 2024-04-05 10:43:22

<!-- wp:heading -->
<h2 id="a-rundown-of-the-features-in-scitrader-a-cryptocurrency-trading-app-powered-by-scichart">A Rundown of the features in SciTrader - a Cryptocurrency Trading App powered by SciChart</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":3} -->
<h3 id="plus-a-brand-new-sdk-for-creating-financial-chart-apps-in-ios-android-and-soon-javascript">Plus, a brand new SDK for creating Financial Chart apps in iOS, Android and soon JavaScript</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Earlier this year blogged that we were creating a <a href="/creating-native-mobile-stock-and-crypto-trading-apps-with-scichart/">financial charting component</a> for use when developing mobile iOS/Android cryptocurrency or stock trading applications.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Well we've gone one further than that! We've created <strong>an entire iOS/Android app</strong>, a <strong>new website</strong> and a <strong>sister company - <a href="https://www.scitrader.io">SciTrader.io</a></strong>.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":33124,"sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image size-large"><img src="https://www.scichart.com/wp-content/uploads/2022/05/SciTrader-Crypto-App-Header.jpg" alt="" class="wp-image-33124"/><figcaption>SciTrader Crypto Trading App - powered by SciChart - get the app at <a href="https://scitrader.io">https://scitrader.io</a></figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Let's take a quick look through the features of the app.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 id="altcoin-market-overview-heatmap">Altcoin Market Overview Heatmap</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The first feature in the SciTrader App is the Altcoin heatmap, which we call the <strong>Market Overview Heatmap</strong>. This is a native iOS/Android Treemap control which displays around 800 Altcoins in the crypto market and visualizes their strength vs. USD, Bitcoin or Ethereum.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><!--kg-card-begin: html--><iframe title="YouTube video player" src="https://www.youtube.com/embed/EOfYGN0y7EA?rel=0" width="100%" height="450" frameborder="0" allowfullscreen="allowfullscreen"></iframe><!--kg-card-end: html--></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>The size of the tile in the Market Overview Heatmap is the relative volume traded in the past 24-hours. The colour of the tile is the relative percentage move to the underlying (USD, BTC, ETH) in the past 24-hours. Tapping the button in the top-right and choosing BTC or ETH shows the relative strength vs. Bitcoin or Ethereum which lets you spot top movers in the crypto market.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Long pressing a tile pops up a menu, where you can add to watchlist or open a chart.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 id="interactive-realtime-trading-charts-with-technical-indicators">Interactive, Realtime Trading Charts with Technical Indicators</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Of course, the real feature we want to showcase in the SciTrader App is the financial chart control.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Using Swift &amp; Kotlin, and the underlying SciChart iOS/Android chart libraries, we've built a dedicated financial chart component. Supporting up to 20 technical indicators, derivatives of indicators (e.g. Moving Average on Relative Strength), cursors, automatic pane management, resizing panes, legends, zooming, panning and real-time data updates, this chart component makes creating native trading apps easy. Take a look below at how it looks.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><!--kg-card-begin: html--><iframe title="YouTube video player" src="https://www.youtube.com/embed/f3kt9Y7boNQ?rel=0" width="100%" height="450" frameborder="0" allowfullscreen="allowfullscreen"></iframe><!--kg-card-end: html--></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Of course, you can try it out for yourselves, by getting the app below:</p>
<!-- /wp:paragraph -->

<!-- wp:image {"linkDestination":"custom"} -->
<figure class="wp-block-image"><a href="https://www.scitrader.io/"><img src="https://www.scichart.com/wp-content/uploads/2021/10/scitrader-crypto-trading-app-social-header-hires.jpeg" alt=""/></a></figure>
<!-- /wp:image -->

<!-- wp:heading -->
<h2 id="the-scitrader-sdk">The SciTrader SDK</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>As well as a fully-featured Crypto Trading App, we're in the process of <strong>packaging the SciTrader SDK For financial trading charts with technical indicators</strong> as an add-on to SciChart. Initially this will be iOS &amp; Android only, but we're building a JavaScript version too.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Let's dig into the SDK to see what this brings you in addition to vanilla SciChart.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 id="what-the-scitrader-sdk-brings-you">What the SciTrader SDK Brings you</h3>
<!-- /wp:heading -->

<!-- wp:image {"id":33127,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://www.scichart.com/wp-content/uploads/2022/05/image-2-2.png" alt="" class="wp-image-33127"/><figcaption>The SciTrader SDK is built on top of SciChart. It drastically reduces the amount of code you need to create trading apps</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>The <strong>SciTrader SDK</strong> is built on top of SciChart. It is specifically <strong>fine-tuned </strong>for <strong>trading apps</strong>, with the following <strong>goals </strong>in mind:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li>Drastically reduces amount of code you need to create trading apps</li><li>Simplifies complex data management</li><li>Add Technical Indicators (MACD, RSI, etc.)</li><li>Manage chart panes automatically</li><li>Serialization &amp; styling with ease</li></ul>
<!-- /wp:list -->

<!-- wp:image {"id":33129,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://www.scichart.com/wp-content/uploads/2022/05/image-3-2.png" alt="" class="wp-image-33129"/><figcaption>Reduce the amount of code to create trading &amp; financial apps with the SciTrader SDK</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>To create a Trading App with<strong> SciChart </strong>you have to:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li>Create and manage SciChartSurface (chart) instances</li><li>Create and synchronize X and Y axis</li><li>Create all Chart Series (line, candlestick) required to visualize the desired data</li><li>Manage all that data and memory in <strong>reactive </strong>manner</li></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>With the <strong>SciTrader SDK </strong>you simply:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li>Create a <strong>SciFinanceChart instance </strong>and pipe your OHLC/Volume Price data into it</li><li><strong>That’s it, no more steps</strong></li></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>Not to mention legends, cursors and all the interactivity. With the SciTrader SDK – it <strong>just works</strong>, nearly zero code required</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 id="simplified-reactive-data-management">Simplified, Reactive Data Management</h3>
<!-- /wp:heading -->

<!-- wp:image {"id":33131,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://www.scichart.com/wp-content/uploads/2022/05/image-4-2.png" alt="" class="wp-image-33131"/><figcaption>Reactive Data Management is built into the SciTrader SDK - powered by SciChart. Our SDK creates &amp; manages data and series for you</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>If you've used SciChart to create trading apps, having a few technical indicators on a SciChartSurface becomes quite complex very quickly.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>With <strong>vanilla SciChart </strong>you have to:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li>Create and manage chart series (RenderableSeries and DataSeries)</li><li>Create all corresponding data sets, for each instrument/indicator/series.</li><li>Manually manage underlying memory</li><li>Manage all your data updates, and react correspondingly</li><li>Manage dependencies e.g. indicators on price should be updated/recalculated</li></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>With the <strong>SciTrader SDK </strong>you simply:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li>Drop your OHLC-Volume data into built-in DataProvider</li><li>Everything else is taken care for you</li></ul>
<!-- /wp:list -->

<!-- wp:heading {"level":3} -->
<h3 id="indicator-and-pane-management">Indicator and Pane Management</h3>
<!-- /wp:heading -->

<!-- wp:image {"id":33133,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://www.scichart.com/wp-content/uploads/2022/05/image-5-1.png" alt="" class="wp-image-33133"/><figcaption>The SciTrader SDK manages indicator panes for you. Indicators react to property updates, e.g. Colour, Stroke, and parameters</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p><strong>The SciTrader SDK has several technical analysis indicators built-in.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>With <strong>bare SciChart </strong>you have to:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li>Perform all the above Data-Management</li><li>Calculate your indicators manually</li><li>Handle reactive updates (changing of its properties, input data source, etc)</li><li>Choose whether to create new or put into existing Pane for the new indicator</li><li>Add/Remove panes(surfaces) manually</li></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>The <strong>SciTrader SDK </strong>handles all the above automatically, out of the box!</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 id="styling-serialization">Styling &amp; Serialization</h3>
<!-- /wp:heading -->

<!-- wp:image {"id":33135,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://www.scichart.com/wp-content/uploads/2022/05/image-6-1.png" alt="" class="wp-image-33135"/><figcaption>All properties in the SciTrader SDK are serializable, allowing you to customise and serialize the state of the chart</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>The SciTrader SDK Exposes all properties to customize the look &amp; feel of technical indicators and instruments, e.g:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li>line color, style (dashed/solid) and thickness for RSI, MACD or any other</li><li>candlesticks up and down fill color for OHLC</li><li>Allows serialization/deserialization of technical indicators and instruments state with ease</li><li>All that with a matter of just several lines of code</li></ul>
<!-- /wp:list -->

<!-- wp:heading {"level":3} -->
<h3 id="zooming-panning-interactivity">Zooming, Panning &amp; Interactivity</h3>
<!-- /wp:heading -->

<!-- wp:image {"id":33137,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://www.scichart.com/wp-content/uploads/2022/05/image-7.png" alt="" class="wp-image-33137"/><figcaption>The SciTrader SDK uses SciChart's ChartModifiers and rendering technology to achieve buttery smooth zooming, panning and updates</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Thanks to SciChart's powerful ChartModifier API, the SciTrader SDK features rich zooming, panning and interactivity.</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li>Buttery-smooth zoom &amp; pan</li><li>Reactive real-time updates</li><li>Sleek zoom-out to available extents of the data</li><li>Clever axes labels formatting</li><li>Interactive Cursor that updates Legend data in real-time</li></ul>
<!-- /wp:list -->

<!-- wp:heading {"level":3} -->
<h3 id="future-roadmap">Future Roadmap</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>That's not all. We've also got a rich roadmap planned including drawing tools, saving &amp; restoring chart templates, visualisation of trades, order books, custom proprietary indicators, and visualisation of trading through chart. Plus bringing our SDK to Javascript apps as well as native mobile.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 id="what-the-scitrader-sdk-brings-you-1">What the SciTrader SDK Brings you</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>With our new SDK you can quickly and easily create stunning trading applications with orders of magnitude less code:</p>
<!-- /wp:paragraph -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><p>With the SciTrader SDK, you can create rich realtime financial charts for exchanges, brokerages, or prop trading apps with hundreds of lines of code, not of tens of thousands of lines.</p></blockquote>
<!-- /wp:quote -->

<!-- wp:paragraph -->
<p><strong>The SciTrader SDK will <u>save you thousands of hours of development time</u></strong> and will let you get your app to market fast. This will save you a huge amount of time &amp; money and let you focus on the important parts of your app.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 id="how-to-try-it-out">How to try it out</h2>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><li><strong>Install the iOS App</strong> on an iPhone or iPad: <a href="https://scitrader.io/get-ios">scitrader.io/get-ios</a></li><li><strong>Install the Android app</strong> on an Android device: <a href="https://scitrader.io/get-android">scitrader.io/get-android</a></li></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>Finally, <strong>the SciTrader SDK will be available soon</strong> for native Android (Kotlin) &amp; iOS (Swift) and soon JavaScript.</p>
<!-- /wp:paragraph -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><p><strong>To schedule a demo of the SDK from our sales team, <a href="https://www.scichart.com/contact-us/">get in touch</a>!</strong></p></blockquote>
<!-- /wp:quote -->

<!-- wp:heading -->
<h2 id="pricing-and-licensing">Pricing and Licensing</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <a href="https://scitrader.io">SciTrader App</a> is free to download on the iOS &amp; Android app stores.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>SciTrader SDK is for sale for inclusion and white-labelling into your Exchange apps, Trading apps or Fintech / financial apps. If you are building an exchange, Fintech startup or trading app and want to learn more about pricing &amp; licensing, <a href="https://www.scichart.com/contact-us/">Get in touch with our sales team</a>!</p>
<!-- /wp:paragraph -->