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.
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.
Most of these examples are based on Dashing D3.js tutorials adapted in Typescript 2 for Ionic 3.
Of course you need node and npm.
npm install -g ionic cordova
To verify your system is ok run
Install the app by running:
git clone email@example.com:proustibat/d3js-ionic.git
ionic cordova prepare
This should prompt you if you want to install npm packages, answer
yes. If it's not the case, run
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
- Please use commitizen if you wanna contribute to the project and create a pull request ( run
git czinstead of
- Quality code status is available on Sonarcloud
- CI with Travis
- Issue Tracker: https://github.com/proustibat/d3js-ionic/issues
- Source Code: https://github.com/proustibat/d3js-ionic
The project is licensed under the GNU Affero General Public License v3.0 license
How simple or complicated the control flow of the application is.
Issues in this domain mark code that will be more difficult to update competently than it should
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)
Issues in this domain mark code where you will get behavior other than what was expected.