Awesome

Websites

• D3.js

Examples

• Data Visualization: List of D3 Examples – 2016
• Over 1000 D3.js Examples and Demos
• Over 2000 D3.js Examples and Demos
• The D3.js – Graph Gallery

Reading

• https://www.fullstackpython.com/d3-js.html

Learning

• D3.js Grundlagen
• https://www.dashingd3js.com/
• Learn D3.js step by step: https://www.d3indepth.com/
• tutorialspoint: D3.js Tutorials

• https://wattenberger.com/blog/d3

Blog

• How to used D3 in Ionic 4 or Angular
• Interactive Charts with D3.js

Plugins

• https://d3-discovery.net/

Samples and Code

Mike Bostock: For Example

https://bl.ocks.org/

https://github.com/Wattenberger/Wattenberger-2019

Installation

$ npm install -save d3
                    d3-scale
                    d3-array
                    d3-shape
                    d3-interpolate
                    d3-color
                    d3-time-format
                    d3-ease
                    d3-transition
                    d3-selection
                    d3-time
                    d3-path
                    d3-dispatch
                    d3-format
                    d3-timer
                    d3-drag
                    d3-geo
                    d3-brush
                    d3-dsv
                    d3-random

Beginning – Libraries and Frameworks

UI

• Angular
• Ionic
• Onson UI
• Framework 7

Unit Testing

• Karma
• Jasmine

End-to-End Testing

• http://www.protractortest.org/

Technologies

Unit Testing

Protractor (http://www.protractortest.org/)

Use npm to install Protractor globally with

npm install -g protractor

The webdriver-manager is a helper tool to easily get an instance of a Selenium Server running. Use it to download the necessary binaries with:

webdriver-manager update

Now start up a server with:

webdriver-manager start

Install a demo repository:

git clone https://github.com/juliemr/protractor-demo.git
npm install

Update selenium driver

node_modules/protractor/bin/webdriver-manager update

Run server in background:

node app/expressserver.js &

Now run the tests

npm test 

The Error

If you got this error when testing your javascript app, maybe you hate to update the selenium driver jar.

The Solution

Update the driver depending on the installation of the node module:

Check with

$ which protracto
/usr/local/bin/protractor

If installed global, then use the command

$ /usr/local/lib/node_modules/protractor/bin/webdriver-manager update

If installed in the app directory, use

$ node_modules/protractor/bin/webdriver-manager update
[17:17:13] I/update - chromedriver: file exists node_modules/protractor/node_modules/webdriver-manager/selenium/chromedriver_2.22mac32.zip
[17:17:13] I/update - chromedriver: unzipping chromedriver_2.22mac32.zip
[17:17:14] I/update - chromedriver: setting permissions to 0755 for node_modules/protractor/node_modules/webdriver-manager/selenium/chromedriver_2.22
[17:17:14] I/update - chromedriver: v2.22 up to date
[17:17:14] I/update - selenium standalone: file exists node_modules/protractor/node_modules/webdriver-manager/selenium/selenium-server-standalone-2.53.1.jar
[17:17:14] I/update - selenium standalone: v2.53.1 up to date