pareto-charts v0.0.7

Pareto Chart Component

This is a starter project for building mobile and web applications using Pareto Charts.

Pareto Funds

Pareto have been building interactive financial services web applications for over 20 years. Helping people building fast web apps using Web Components is now our focus.

Pareto combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool. Pareto takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements v1 spec.

Pareto chart components are just Web Components, so they work in any major framework or with no framework at all.

Getting Started

THIS IS JUST A TEST FOR DEMONSTRATION PURPOSES ONLY. To test the Pareto Chart component

Need help? COMING SOON Check out our docs here.

Customising Components

When adding the component you can specify a large number of parameters which not only choose the chart, type, fund instrument but also the styling.

Using this component

The components rely on data provided by third party data providor. In the test we are using Morningstar.

Script tag

• Put the following script tag <script src='https://unpkg.com/pareto-charts@0.0.1/dist/paretocharts.js'></script> in the head of your index.html
• Then you can use the chart component anywhere in your template, JSX, html etc
• example usage <pareto-charts charttype="line" fundkey="10" apikey="test"></pareto-charts>

In a framework app

• Run npm install pareto-charts --save
• Add an import to the npm packages import pareto-charts;
• Then you can use the element anywhere in your templates, JSX, html etc