Reference Source

D3.js with Ionic GitHub top language

A tutorial app built with Ionic Framework to learn D3.js with Typescript

Travis Build Status Sonar quality gate Dependencies Status Dev Dependencies Status License


d3js-ionic-icon
google-play-icon
screenshot-1 screenshot-2

Presentation

Why this app?

I made this app while learning D3.js. But while I had in mind that my goal was to use it in an Ionic app, I realized there was some differences compared to a classical use. Mainly because of Typescript.

If you're in this case, you need to install TypeScript type definitions. So syntax may be different than a simple usage of D3.js.

Who is this for?

I propose to share my work to make you save time while learning.

I think these examples could also be appropriated if you already are in and advanced step of your learning but stuck on some points.

What can you find here?

Most of these examples are based on Dashing D3.js tutorials adapted in Typescript 2 for Ionic 3.


Working with this code

Prerequisites

Of course you need node and npm.

Please also be sure you installed Ionic and Cordova:

npm install -g ionic cordova

To verify your system is ok run ionic info.

Installation

Install the app by running:

git clone [email protected]:proustibat/d3js-ionic.git
cd d3js-ionic
ionic cordova prepare

This should prompt you if you want install npm packages, answer yes. If it's not the case, run npm install;

Run the app:

// in the browser with livereload
ionic serve -l
// or on a device
ionic cordova run android --device
ionic cordova run ios --device

Documentation

Code documentation is available here

Feel free to improve the app

Contribute

Support

If you are having issues, questions or any suggestions, please let me know: [email protected] / twitter/@proustibat

License

The project is licensed under the GNU Affero General Public License v3.0 license


Dev stats

Complexity

How simple or complicated the control flow of the application is.

Complexity Complexity per file Cognitive Complexity

Documentation & sizes

Lines Lines of code Comment lines Comments (%)

Directories Files Classes Functions

Duplications

Duplicated blocks Duplicated lines

Issues

Open issues Confirmed issues Won't fix issues

Maintainability

Issues in this domain mark code that will be more difficult to update competently than it should

Code smells SQALE Rating

Technical debt

Effort to fix all maintainability issues. The measure is stored in minutes. An 8-hour day is assumed when values are shown in days. (The value of the cost to develop a line of code is 0.06 days)

Technical debt Technical debt ratio

Reliability

Issues in this domain mark code where you will get behavior other than what was expected.

Bugs Reliability remediation effort Reliability Rating

Security

Vulnerabilities Security remediation effort    Security Rating