{"id":18459,"date":"2021-08-24T08:48:09","date_gmt":"2021-08-24T03:18:09","guid":{"rendered":"http:\/\/www.fusioncharts.com\/blog\/?p=18459"},"modified":"2026-01-20T14:42:08","modified_gmt":"2026-01-20T09:12:08","slug":"turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/","title":{"rendered":"Turbocharge Bitcoin Data with Beautiful JS Spline Charts 2026"},"content":{"rendered":"The price of Bitcoin has risen from less than $10 to almost $50k in just ten years! Given the magnitude of Bitcoin&#8217;s popularity and its soaring exchange rates, businesses, as well as individual investors, are now avidly tracking and visualize its price trends. Because it is so volatile, financial analysts and data scientists need the most up-to-date Bitcoin price information. They need a currency exchange server that accurately provides the exchange rate in real time.\r\n\r\n<a href=\"https:\/\/coinlayer.com\/\">coinlayer<\/a> is a currency exchange server that provides the real-time and historical exchange rates of both digital and international currencies. Its platform supports easy-to-use APIs using HTTP. The coinlayer API returns its response in the JSON format.\r\n\r\nThat&#8217;s not all you need to effectively track and analyze a crypto though. In addition to a resource for retrieving crypto market data, you also need a tool for charting and plotting your data. <a href=\"https:\/\/www.fusioncharts.com\/\">FusionCharts<\/a> is the smart choice for building interactive dashboards, graphs and maps. In this case it is also great for building a <a href=\"https:\/\/www.fusioncharts.com\/dashboards\/wealth-management-dashboard\">financial dashboard<\/a>.\r\n\r\nInterested in creating your own charts to track Bitcoin prices? Read on to find out how you can build a Javascript app that calls the Coinlayer API and plots historical Bitcoin rates using the FusionCharts library. The app we&#8217;ll build displays a 10-year spline chart showing Bitcoin prices. This simple spline chart clearly depicts Bitcoin&#8217;s massive price growth.\r\n\r\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18466 size-full\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2021\/08\/spline-1.png\" alt=\"\" width=\"2158\" height=\"1098\" srcset=\"\/blog\/wp-content\/uploads\/2021\/08\/spline-1.png 2158w, \/blog\/wp-content\/uploads\/2021\/08\/spline-1-300x153.png 300w, \/blog\/wp-content\/uploads\/2021\/08\/spline-1-768x391.png 768w, \/blog\/wp-content\/uploads\/2021\/08\/spline-1-1024x521.png 1024w\" sizes=\"auto, (max-width: 2158px) 100vw, 2158px\" \/>\r\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_71 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<\/div><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#What_Is_A_Spline_Chart\" title=\"What Is A Spline Chart?\">What Is A Spline Chart?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#How_To_Call_Coinlayer_APIs\" title=\"How To Call Coinlayer APIs?\">How To Call Coinlayer APIs?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#What_Are_The_Steps_For_Creating_A_Spline_Chart_Of_Historical_Bitcoin_Rates\" title=\"What Are The Steps For Creating A Spline Chart Of Historical Bitcoin Rates?\">What Are The Steps For Creating A Spline Chart Of Historical Bitcoin Rates?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#Step_1_Install_Webpack_And_FusionCharts\" title=\"Step 1: Install Webpack And FusionCharts\">Step 1: Install Webpack And FusionCharts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#Step_2_Configure_The_Project\" title=\"Step 2: Configure The Project\">Step 2: Configure The Project<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#Step_3_Add_Code_For_Calling_Coinlayer_API_And_Plotting_The_Spline_Chart\" title=\"Step 3: Add Code For Calling Coinlayer API And Plotting The Spline Chart\">Step 3: Add Code For Calling Coinlayer API And Plotting The Spline Chart<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#How_Do_I_Run_The_Webpack_FusionCharts_App\" title=\"How Do I Run The Webpack FusionCharts App?\">How Do I Run The Webpack FusionCharts App?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#Are_there_More_Ways_Of_Rendering_Historical_Crypto_Charts\" title=\"Are there More Ways Of Rendering Historical Crypto Charts?\">Are there More Ways Of Rendering Historical Crypto Charts?<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"What_Is_A_Spline_Chart\"><\/span>What Is A Spline Chart?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nA <a href=\"https:\/\/www.fusioncharts.com\/charts\/line-area-charts\/simple-spline-chart?framework=javascript\">spline chart<\/a> is a plot of data points where each point is connected using FusionChart&#8217;s curve fitting algorithm. In normal line charts the data points are connected via straight line segments depicting a linear series of data. In a spline chart, however, the points are joined together using curves. This makes the graph smoother.\r\n\r\nWith FusionCharts libraries your spline charts are 100% customizable. From the caption text to the axis text, you can specify everything using simple JSON. FusionCharts also allows hover effects so when the mouse moves over a point, it displays that point&#8217;s information.\r\n<h2><span class=\"ez-toc-section\" id=\"How_To_Call_Coinlayer_APIs\"><\/span>How To Call Coinlayer APIs?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nTo get started with coinlayer, you need an access key to call its API. Don&#8217;t worry though, you can <a href=\"https:\/\/coinlayer.com\/product\">register for free.<\/a> The free subscription plan allows 500 requests per month.\r\n\r\nNow that you have your API key, let&#8217;s get going. Below is an example that shows how you can request the Bitcoin rate for January 01, 2021. Make sure to replace YOUR_KEY with your subscription key.\r\n<pre class=\"lang:markup\">https:\/\/api.coinlayer.com\/2021-01-01?access_key=YOUR_KEY&amp;symbols=BTC<\/pre>\r\nThe response is JSON as shown below:\r\n<pre class=\"lang:markup\">{\"success\":true,\r\n \"terms\":\"https:\\\/\\\/coinlayer.com\\\/terms\",\r\n \"privacy\":\"https:\\\/\\\/coinlayer.com\\\/privacy\",\r\n \"timestamp\":1609545545,\r\n \"target\":\"USD\",\r\n \"historical\":true,\r\n \"date\":\"2021-01-01\",\r\n \"rates\":{\"BTC\":29364.338135}}<\/pre>\r\n<h2><span class=\"ez-toc-section\" id=\"What_Are_The_Steps_For_Creating_A_Spline_Chart_Of_Historical_Bitcoin_Rates\"><\/span>What Are The Steps For Creating A Spline Chart Of Historical Bitcoin Rates?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nHere we outline three easy steps to create a Webpack app that uses Coinlayer&#8217;s APIs to retrieve historic Bitcoin rates. It then plots them using the FusionCharts library in a Javascript client. We assume that you have already signed up for a subscription key at Coinlayer.\r\n<h3><span class=\"ez-toc-section\" id=\"Step_1_Install_Webpack_And_FusionCharts\"><\/span>Step 1: Install Webpack And FusionCharts<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nCreate a project directory called <strong>fc_coinlayer_js_demo<\/strong>. At the console switch to this directory and type:\r\n<pre class=\"lang:markup\">npm i -D webpack-dev-server html-webpack-plugin path webpack-cli fusioncharts<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_2_Configure_The_Project\"><\/span>Step 2: Configure The Project<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nNext, in the project directory, create two directories namely <strong>src<\/strong> and <strong>dist<\/strong>. In the <strong>src<\/strong> directory create an <strong>index.js<\/strong> file. In the main project directory create your <strong>webpack.config.js<\/strong> file. The final directory structure looks like this:\r\n\r\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18467 size-full\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2021\/08\/dir.png.png\" alt=\"\" width=\"352\" height=\"194\" srcset=\"\/blog\/wp-content\/uploads\/2021\/08\/dir.png.png 352w, \/blog\/wp-content\/uploads\/2021\/08\/dir.png-300x165.png 300w\" sizes=\"auto, (max-width: 352px) 100vw, 352px\" \/>\r\n\r\nAfter that, open the webpack.config.js file and copy the following code to it. The code specifies the configuration of the project and adds a proxy for Coinlayer to avoid getting a CORS error. The entry point for the app is set as your <strong>index.js<\/strong> file.\r\n<pre class=\"lang:markup\">\/\/ webpack.config.js\r\nconst HtmlWebPackPlugin = require( 'html-webpack-plugin' );\r\nconst path = require( 'path' );\r\nmodule.exports = {\r\n   context: __dirname,\r\n   entry: '.\/src\/index.js',\r\n   output: {\r\n      path: path.resolve( __dirname, 'dist' ),\r\n      filename: 'main.js',\r\n   },\r\n\r\n   plugins: [\r\n      new HtmlWebPackPlugin()\r\n   ],\r\n   devServer: {\r\n       headers: {\r\n           \"Access-Control-Allow-Origin\": \"*\",\r\n           \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, PATCH, OPTIONS\",\r\n           \"Access-Control-Allow-Headers\": \"X-Requested-With, content-type, Authorization\"\r\n         },\r\n       proxy: {\r\n         '\/CoinlayerAPI': {\r\n            target: 'https:\/\/api.coinlayer.com',\r\n            changeOrigin: true,\r\n         },\r\n       },\r\n\r\n     }\r\n};<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_3_Add_Code_For_Calling_Coinlayer_API_And_Plotting_The_Spline_Chart\"><\/span>Step 3: Add Code For Calling Coinlayer API And Plotting The Spline Chart<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nFinally, we&#8217;ll add the main code to our <strong>index.js<\/strong>. We need to do the following in this code file:\r\n<ol>\r\n \t<li>Import the FusionCharts library.<\/li>\r\n \t<li>Add a div tag for the HTML page, where the spline chart will be rendered.<\/li>\r\n \t<li>Call the Coinlayer API and fetch the Bitcoin for January 01 for the past 10 years.<\/li>\r\n \t<li>Create the JSON object with specifications of the FusionCharts spline chart.<\/li>\r\n \t<li>Create an instance of FusionCharts with the chart specification JSON object and render the chart.<\/li>\r\n<\/ol>\r\nHere is the JSON object that contains the configuration for the spline chart object created in this app:\r\n<pre class=\"lang:markup\">{\r\n \"type\":\"spline\",\r\n \"renderAt\":\"chart-container\",\r\n \"width\":\"80%\",\r\n \"height\":\"600\",\r\n \"dataFormat\":\"json\",\r\n \"dataSource\":{\r\n\t\"chart\":{\r\n\t\t\"caption\":\"Historical Rates of Bitcoin on January 01 Over the Past 10 Years\",\r\n\t\t\"subcaption\":\"Data Source: https:\/\/coinlayer.com\/\",\r\n\t\t\"xAxisName\":\"Date\",\r\n\t\t\"YAxisName\":\"Bitcoin Exchange Rate\",\r\n\t\t\"ynumbersuffix\":\"$\",\r\n\t\t\"xnumbersuffix\":\"\",\r\n\t\t\"theme\":\"fusion\",\r\n\t\t\"plotToolText\":\"&lt;b&gt;$dataValue&lt;\/b&gt; BTC rate on &lt;b&gt;$label&lt;\/b&gt;\",\r\n\t\t\"anchorbgcolor\":\"#ff00ff\",\r\n\t\t\"palettecolors\":\"#ff00ff\"\r\n\t\t},\r\n\t\"data\":[\r\n\t\t{\"label\":\"2012-01-01\",\"value\":5.27},\r\n\t\t{\"label\":\"2013-01-01\",\"value\":13.3},\r\n\t\t{\"label\":\"2014-01-01\",\"value\":815.94},\r\n\t\t{\"label\":\"2015-01-01\",\"value\":314.89},\r\n\t\t{\"label\":\"2016-01-01\",\"value\":433.99},\r\n\t\t{\"label\":\"2017-01-01\",\"value\":995.44},\r\n\t\t{\"label\":\"2018-01-01\",\"value\":13444.88},\r\n\t\t{\"label\":\"2019-01-01\",\"value\":3861.347988},\r\n\t\t{\"label\":\"2020-01-01\",\"value\":7231.458803},\r\n\t\t{\"label\":\"2021-01-01\",\"value\":29364.338135}]\r\n\t}\r\n}<\/pre>\r\nYou can copy the following code into your <strong>index.js<\/strong> file. Make sure to replace SUBSCRIPTION_KEY with your Coinlayer API key.\r\n<pre class=\"lang:markup\">\/\/ Include the core fusioncharts file from core\r\nimport FusionCharts from 'fusioncharts\/core';\r\n\r\n\/\/ Include the spline chart from viz folder\r\nimport Spline from 'fusioncharts\/viz\/spline';\r\n\r\n\/\/ Include the fusion theme\r\nimport FusionTheme from 'fusioncharts\/themes\/es\/fusioncharts.theme.fusion';\r\n\r\n\/\/ Add the div tag for the chart container\r\nconst myDiv = document.createElement('div');\r\nmyDiv.id = 'chart-container';\r\ndocument.body.appendChild(myDiv);\r\n\r\n\/\/ Specify your key here\r\nlet YOUR_KEY = SUBSCRIPTION_KEY\r\n\r\n\r\n\/\/ Construct a query for each year and fetch the data\r\n\/\/ Create a data JSON and datasource JSON for rendering the chart\r\nasync function main() {    \r\n    var dataJson = [];\r\n    let queryPrefix = 'https:\/\/api.coinlayer.com\/';\r\n    let querySuffix = '?access_key=' + YOUR_KEY + '&amp;symbols=BTC';\r\n    \/\/Construct the query string for 10 years starting from 2012\r\n    for (var i=0;i&lt;10;++i){\r\n        var dateStr = parseInt(2012 + i) + '-01-01';\r\n        var queryStr = queryPrefix + dateStr + querySuffix;\r\n        \/\/Call coinlayer API\r\n        let response = await fetch(queryStr);\r\n        let responseJson = await response.json();\r\n        if (response.ok){ \r\n            \/\/construct the data JSON       \r\n            dataJson.push({label: dateStr, value:responseJson.rates.BTC})\r\n        }    \r\n        else {\r\n            alert('Error reading data from Coinlayer API');\r\n            return;\r\n        }\r\n    }\r\n    var dataSource = constructDataSource(dataJson);\r\n    renderChart(dataSource);\r\n}\r\n\r\n\r\n\/\/constructs JSON text for 'dataSource' key\r\nfunction constructDataSource(data){\r\n  var dataSource = {\"chart\": {\r\n        \"caption\": \"Historical Rates of Bitcoin on January 01 Over the Past 10 Years\",\r\n        \"subcaption\": \"Data Source: https:\/\/coinlayer.com\/\",\r\n        \"xAxisName\": \"Date\",\r\n        \"YAxisName\": \"Bitcoin Exchange Rate\",\r\n        \"ynumbersuffix\": \"$\",\r\n        \"xnumbersuffix\": \"\",\r\n        \"theme\": \"fusion\",\r\n        \"plotToolText\": \"&lt;b&gt;$dataValue&lt;\/b&gt; BTC rate on &lt;b&gt;$label&lt;\/b&gt;\",\r\n        \"anchorbgcolor\": \"#ff00ff\",\r\n        \"palettecolors\": \"#ff00ff\"\r\n    }, \r\n    data: data};    \r\n    return dataSource;\r\n}\r\n\r\n\/\/ Draw the chart\r\nfunction renderChart(dataSrc){\r\n\r\n    FusionCharts.addDep(Spline);\r\n    FusionCharts.addDep(FusionTheme);\r\n\r\n    \/\/Chart Configurations\r\n    const chartConfig = {\r\n        type: 'spline',\r\n        renderAt: 'chart-container',\r\n        width: '80%',\r\n        height: '600',\r\n        dataFormat: 'json',\r\n        dataSource: dataSrc\r\n    }\r\n\r\n    \/\/ Create an instance of FusionCharts object with chart options \r\n    \/\/ and render the chart\r\n    var chartInstance = new FusionCharts(chartConfig);\r\n    chartInstance.render();\r\n    console.log(JSON.stringify(chartConfig));\r\n}\r\n\r\n\/\/Call main method \r\nmain();<\/pre>\r\nThat&#8217;s it! We just created a beautiful spline chart illustrating how the price of Bitcoin grew over the last 10 years.\r\n<h2><span class=\"ez-toc-section\" id=\"How_Do_I_Run_The_Webpack_FusionCharts_App\"><\/span>How Do I Run The Webpack FusionCharts App?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nTo run the app, at the console type:\r\n<pre class=\"lang:markup\">npx webpack serve --mode=development<\/pre>\r\nThe app will run in your browser at localhost:8080.\r\n\r\n<a href=\"https:\/\/github.com\/fusionchartsexpress\/JavascriptBitcoinCharts\">You can download the complete source code for this app and run it on your machine.<\/a>\r\n<h2><span class=\"ez-toc-section\" id=\"Are_there_More_Ways_Of_Rendering_Historical_Crypto_Charts\"><\/span>Are there More Ways Of Rendering Historical Crypto Charts?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nFusionCharts gives its users the option to choose from 100+ charts, gauges and graphs along with 2000+ maps. You can create effective and beautiful illustrations and presentations that will help you understand your data and gain new insights about its trend.\r\n\r\n<a href=\"https:\/\/www.fusioncharts.com\/download\/fusioncharts-suite-xt?framework=js\">Sign up for your free FusionCharts trial today!<\/a>","protected":false},"excerpt":{"rendered":"<p>The price of Bitcoin has risen from less than $10 to almost $50k in just ten years! Given the magnitude of Bitcoin&#8217;s popularity and its soaring exchange rates, businesses, as well as individual investors, are now avidly tracking and visualize its price trends. Because it is so volatile, financial analysts and data scientists need the [&hellip;]<\/p>\n","protected":false},"author":59,"featured_media":18460,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,722,18],"tags":[861,859,554,683,847,858,152,211,860],"coauthors":[769],"class_list":["post-18459","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-charting-guidelines","category-fusioncharts","category-tutorials","tag-bitcoin","tag-bitcoin-prices","tag-charting","tag-charts","tag-coinlayer","tag-crypto-charts","tag-fusioncharts","tag-javascript","tag-spline-charts"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Turbocharge Bitcoin Data with Beautiful JS Spline Charts 2026<\/title>\n<meta name=\"description\" content=\"Track Bitcoin price trends over 10 years. Use FusionCharts and Coinlayer APIs to create a professional 2026 spline chart. Master long-term crypto trends now.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Turbocharge Bitcoin Data with Beautiful JS Spline Charts 2026\" \/>\n<meta property=\"og:description\" content=\"Track Bitcoin price trends over 10 years. Use FusionCharts and Coinlayer APIs to create a professional 2026 spline chart. Master long-term crypto trends now.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-24T03:18:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:12:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2021\/08\/smartmockups.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"896\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mehreen Saeed\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mehreen Saeed\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"Article\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Mehreen Saeed\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/93c1ff85ace69b8175fdec9016c8aca7\"\n\t            },\n\t            \"headline\": \"Turbocharge Bitcoin Data with Beautiful JS Spline Charts 2026\",\n\t            \"datePublished\": \"2021-08-24T03:18:09+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:12:08+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/\"\n\t            },\n\t            \"wordCount\": 845,\n\t            \"commentCount\": 0,\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2021\/08\/smartmockups.jpg\",\n\t            \"keywords\": [\n\t                \"bitcoin\",\n\t                \"bitcoin prices\",\n\t                \"charting\",\n\t                \"charts\",\n\t                \"Coinlayer\",\n\t                \"crypto charts\",\n\t                \"FusionCharts\",\n\t                \"javascript\",\n\t                \"Spline charts\"\n\t            ],\n\t            \"articleSection\": [\n\t                \"Charting Guidelines\",\n\t                \"FusionCharts\",\n\t                \"Tutorials\"\n\t            ],\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"CommentAction\",\n\t                    \"name\": \"Comment\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/\",\n\t            \"name\": \"Turbocharge Bitcoin Data with Beautiful JS Spline Charts 2026\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2021\/08\/smartmockups.jpg\",\n\t            \"datePublished\": \"2021-08-24T03:18:09+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:12:08+00:00\",\n\t            \"description\": \"Track Bitcoin price trends over 10 years. Use FusionCharts and Coinlayer APIs to create a professional 2026 spline chart. Master long-term crypto trends now.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"en-US\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#primaryimage\",\n\t            \"url\": \"\/blog\/wp-content\/uploads\/2021\/08\/smartmockups.jpg\",\n\t            \"contentUrl\": \"\/blog\/wp-content\/uploads\/2021\/08\/smartmockups.jpg\",\n\t            \"width\": 1280,\n\t            \"height\": 896\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/www.fusioncharts.com\/blog\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Turbocharge Bitcoin Data with Beautiful JS Spline Charts 2026\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#website\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/\",\n\t            \"name\": \"FusionBrew - The FusionCharts Blog\",\n\t            \"description\": \"Get tips and tricks on how to build effective Data Visualisation using FusionCharts\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/www.fusioncharts.com\/blog\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\",\n\t            \"name\": \"FusionCharts\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg\",\n\t                \"width\": 1,\n\t                \"height\": 1,\n\t                \"caption\": \"FusionCharts\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/93c1ff85ace69b8175fdec9016c8aca7\",\n\t            \"name\": \"Mehreen Saeed\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/b00c4263cd8aa44b9c97ced2ed628629\",\n\t                \"url\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/c98\/c98777bf022eae7522cadf4e18cc8c38x96.jpg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/c98\/c98777bf022eae7522cadf4e18cc8c38x96.jpg\",\n\t                \"caption\": \"Mehreen Saeed\"\n\t            },\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/author\/mehreensaeed\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Turbocharge Bitcoin Data with Beautiful JS Spline Charts 2026","description":"Track Bitcoin price trends over 10 years. Use FusionCharts and Coinlayer APIs to create a professional 2026 spline chart. Master long-term crypto trends now.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/","og_locale":"en_US","og_type":"article","og_title":"Turbocharge Bitcoin Data with Beautiful JS Spline Charts 2026","og_description":"Track Bitcoin price trends over 10 years. Use FusionCharts and Coinlayer APIs to create a professional 2026 spline chart. Master long-term crypto trends now.","og_url":"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2021-08-24T03:18:09+00:00","article_modified_time":"2026-01-20T09:12:08+00:00","og_image":[{"width":1280,"height":896,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2021\/08\/smartmockups.jpg","type":"image\/jpeg"}],"author":"Mehreen Saeed","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mehreen Saeed","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/"},"author":{"name":"Mehreen Saeed","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/93c1ff85ace69b8175fdec9016c8aca7"},"headline":"Turbocharge Bitcoin Data with Beautiful JS Spline Charts 2026","datePublished":"2021-08-24T03:18:09+00:00","dateModified":"2026-01-20T09:12:08+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/"},"wordCount":845,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2021\/08\/smartmockups.jpg","keywords":["bitcoin","bitcoin prices","charting","charts","Coinlayer","crypto charts","FusionCharts","javascript","Spline charts"],"articleSection":["Charting Guidelines","FusionCharts","Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/","url":"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/","name":"Turbocharge Bitcoin Data with Beautiful JS Spline Charts 2026","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2021\/08\/smartmockups.jpg","datePublished":"2021-08-24T03:18:09+00:00","dateModified":"2026-01-20T09:12:08+00:00","description":"Track Bitcoin price trends over 10 years. Use FusionCharts and Coinlayer APIs to create a professional 2026 spline chart. Master long-term crypto trends now.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2021\/08\/smartmockups.jpg","contentUrl":"\/blog\/wp-content\/uploads\/2021\/08\/smartmockups.jpg","width":1280,"height":896},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/turbocharge-bitcoin-data-with-beautiful-javascript-spline-charts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Turbocharge Bitcoin Data with Beautiful JS Spline Charts 2026"}]},{"@type":"WebSite","@id":"https:\/\/www.fusioncharts.com\/blog\/#website","url":"https:\/\/www.fusioncharts.com\/blog\/","name":"FusionBrew - The FusionCharts Blog","description":"Get tips and tricks on how to build effective Data Visualisation using FusionCharts","publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fusioncharts.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.fusioncharts.com\/blog\/#organization","name":"FusionCharts","url":"https:\/\/www.fusioncharts.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/","url":"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg","contentUrl":"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg","width":1,"height":1,"caption":"FusionCharts"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/93c1ff85ace69b8175fdec9016c8aca7","name":"Mehreen Saeed","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/b00c4263cd8aa44b9c97ced2ed628629","url":"\/blog\/wp-content\/wphb-cache\/gravatar\/c98\/c98777bf022eae7522cadf4e18cc8c38x96.jpg","contentUrl":"\/blog\/wp-content\/wphb-cache\/gravatar\/c98\/c98777bf022eae7522cadf4e18cc8c38x96.jpg","caption":"Mehreen Saeed"},"url":"https:\/\/www.fusioncharts.com\/blog\/author\/mehreensaeed\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/18459","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/users\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=18459"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/18459\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media\/18460"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=18459"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=18459"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=18459"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=18459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}