Neurologically Paralyzing Mouseovers

    TypeScript icon, indicating that this package has built-in type declarations

    1.4.16 • Public • Published

    TSIClient: The Azure Time Series Insights JavaScript SDK

    The Azure Time Series Insights JavaScript SDK (aka tsiclient) is a JavaScript library for Microsoft Azure Time Series Insights, featuring components for data visualization and analytics, utilities for making calls directly to the TSI Platform API, and more. tsiclient also ships with an associated CSS file (which you must include using your preferred css linking method), which makes the components look great out of the box.

    License: MIT npm version



    If you use npm, npm install tsiclient. You can also load directly from unpkg. For example:

    <script src=""></script>
    <link rel="stylesheet" type="text/css" href=""></link>

    To import all of tsiclient into an ES2015 application, import everything into a namespace, like so...

    import TsiClient from "tsiclient";
    // later, when you want a line chart
    let tsiClient = new TsiClient();
    let lineChart = new tsiClient.ux.LineChart(document.getElementById('chart'));

    You can also import components individually. If you only need the LineChart, you can import it like so...

    import LineChart from 'tsiclient/LineChart'
    // later when you want a line chart
    let lineChart = new LineChart(document.getElementById('chart'));

    Importing individual components can help significantly reduce your bundle size as they work better with tree shaking. This is the recommended approach if your app only consumes specific components.

    To import the tsiclient stylesheet into an ES2015 application, import either tsiclient.css or tsiclient.min.css, like so...

    import 'tsiclient/tsiclient.css' // Standard styles
    import 'tsiclient/tsiclient.min.css' // Minified styles

    Release Notes

    Starting with version 1.3.0, discrete events and state transitions will be represented just like numeric time series in the LineChart component. This may be a breaking change for users representing non-numeric series in the line chart using the "events" and "states" Chart Options. For usage instructions, consult this example and the associated documentation.


    This project welcomes contributions and suggestions. Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit

    When you submit a pull request, a CLA-bot will automatically determine whether you need to provide a CLA and decorate the PR appropriately (e.g., label, comment). Simply follow the instructions provided by the bot. You will only need to do this once across all repos using our CLA.

    This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact with any additional questions or comments.




    npm i tsiclient

    DownloadsWeekly Downloads






    Unpacked Size

    10.4 MB

    Total Files


    Last publish


    • windowsazure
    • niusoff
    • matdarmsft