Loading application...

This is a sample online utility bill using charte.ca diagrams

Account balance: $179.52
Required payment date: February 15, 2017
PAY NOW USAGE HISTORY
Select root chart type:

This is a sample online phone bill using charte.ca diagrams

Account balance: $141.07
Required payment date: February 15, 2017
PAY NOW USAGE HISTORY
Select usage chart type:

This is a sample online utility bill using charte.ca diagrams

Bill amount for Dec 28, 2016: $120.81
Required payment date: Jan 15, 2017
PAY NOW USAGE HISTORY
Select chart type:

This sample demonstrates a resizable chart

Change the width of your browser window to see the chart shrinking and expanding without loosing functionality.


HTML markup:
        <div style="background-color: #fff;width: 80%;display:inline-block;margin:10px;">
          <embed src="..." style="height: 100%; width: 100%;" type="image/svg+xml"></embed>
        </div>
      

This is a sample financial analysis page using charte.ca diagrams

Industry analyzer RAW DATA
Select a comparison:
Size represents:

This is a sample financial analysis page using charte.ca diagrams

Live market data
To learn how this chart get updates, see this charte.ca blog post.
Industries with a low price to book should be more attractive as they may be undervalued. A higher PE Ratio reflects investor belief that the industry has higher growth prospects while lower PE ratio industries are likely experiencing lower growth.

Make charte.ca diagrams a part of your IT solution

charte.ca users can either manipulate their charts via integration API, or create custom integration components that can generate charts on-the-fly for a specific website visitor. Below are some examples of what the result may look like.



Billing

Financial

Statistics

Integration API guide

charte.ca exposes a simple API that allows users to automate the following operations:

To access the integration API, the user must initialize the unique API key that will be used for authorization on every API call. Users can view or re-generate the API key in the user profile settings page:

Please note that users cannot specify the API key explicitly, it must be re-generated by charte.ca. If you think that your key is compromised, just click "Renew" to re-generate the key and you can start using the new key immediately.

In this guide, we will be assuming the user is working with a chart id "PE2vxqfmDLpn9kcU", you can find it on the chart editor page, under "Chart properties":

Also, we will be assuming that system integrators use CURL command line utility to call charte.ca integration API. Although, it could be any tool or library that can perform HTTP calls and pass the "api-key" HTTP header.

Download data

curl -k -H "api-key: hA94wQhR23R8pbGZkxLTn3AmZ8azD8RQ" https://api.charte.ca/chart_integration/data/PE2vxqfmDLpn9kcU -o chart_data.tsv

This is what TSV data will look like:

yearFFChromeOperaOtherSafariIE
200725024267
200830025261
200932325553
20103110211244
2011282028636
20122328251329
201319322101522

You may edit the values in the TSV file manually in the text editor or using a tool or library of your choice. After edits are complete, you can proceed to the data upload step.

Upload data

curl -X PUT -k -H "api-key: hA94wQhR23R8pbGZkxLTn3AmZ8azD8RQ" -F "file=@chart_data.tsv" https://api.charte.ca/chart_integration/data/PE2vxqfmDLpn9kcU

The data must be passed either as uploaded file ('file' field is expected) or directly in the body. Please note that the number of rows and columns in the supplied tab-separated value file must match the number of rows and columns in the existing chart, otherwise the API call will return an error.

Get config

curl -k -H "api-key: hA94wQhR23R8pbGZkxLTn3AmZ8azD8RQ" https://api.charte.ca/chart_integration/config/PE2vxqfmDLpn9kcU

This call returns JSON that represents a subset of the chart configuration. To be precise, it returns only those fields that can be modified by a "Put config" call (see below).

Put config

curl -k -H "api-key: hA94wQhR23R8pbGZkxLTn3AmZ8azD8RQ" -H "Content-Type: application/json" -X PUT -d "{\"config\": {\"subtitle\": {\"text1\": \"Updated subtitle\"}}}" https://api.charte.ca/chart_integration/config/PE2vxqfmDLpn9kcU

This call takes JSON containing chart configuration changes and updates the chart. To see full list of all config settings that can be changes, call "Get config" API (see above).

Export chart as an SVG file

curl -k -H "api-key: hA94wQhR23R8pbGZkxLTn3AmZ8azD8RQ" https://api.charte.ca/chart_integration/svg/PE2vxqfmDLpn9kcU -o chart.svg

Export chart as an SVGZ file

curl -k -H "api-key: hA94wQhR23R8pbGZkxLTn3AmZ8azD8RQ" https://api.charte.ca/chart_integration/svgz/PE2vxqfmDLpn9kcU -o chart.svgz

Publish chart

curl -X POST -k -H "api-key: hA94wQhR23R8pbGZkxLTn3AmZ8azD8RQ" https://api.charte.ca/chart_integration/publication/PE2vxqfmDLpn9kcU

The API call is throttled: you cannot invoke it too often.

Unpublish chart

curl -X DELETE -k -H "api-key: hA94wQhR23R8pbGZkxLTn3AmZ8azD8RQ" https://api.charte.ca/chart_integration/publication/PE2vxqfmDLpn9kcU

The API call is throttled: you cannot invoke it too often.

This is a sample statistics report using charte.ca diagrams

British Columbia: Economy - employment RAW DATA
Select chart type:

This is a sample statistics report using charte.ca diagrams

British Columbia: Economy - export RAW DATA
Select chart type:

This is a sample statistics report using charte.ca diagrams

British Columbia: Economy - tourism sector RAW DATA