jon-a-nygaard

Introduction Courses

I do not have much experience with these, but freeCodeCamp looks like a popular and good learning platform. You should start with the Responsive Web Design Certification to learn how to make a basic website. Then continue with the JavaScript Algorithms and Data Structures Certification.

Build Your Own Website

After learning the basics you can continue with making your a personal website, and in the process start developing in a process that is more similar to a real life scenario. The end result could become a nice platform to show of your own work and skills to others.

Text Editor

jon-a-nygaard

Venn series

Introduction

The venn series has the ability to visualize both venn and vuler diagrams. They are often used in the fields of mathematics, statistics, logistics and computer science to visualize logical relationships.

Euler diagrams displays a number of sets and the relationship between them. The sets are represented by circles, and the relation between the sets are represented by the overlap, or lack of overlap between the circles.

A venn diagram displays all possible logical relations between a collection of different sets, and is therefore a special case of euler diagrams, which does not necessarily have a relationship between all sets.

jon-a-nygaard

Example of rendering React components in a Highcharts formatter function.

The index.js file shows an example of creating a React app with Highcharts using the offical wrapper. It also demonstrates a possible solution to render React components in a Highcharts formatter function.

The helper function named formatter takes a react component and render it to a string which is returned to the Highcharts formatter. It also takes the arguments and context in the Highcharts formatter and passes them into the component as props named arguments and context

jon-a-nygaard

A Highcharts example in use with Webpack and Babel.

Install

1. Download source files
2. Run npm install to install all dependencies.
3. Run npm run build to bundle app.js into bundle.js

Open application

1. Open index.html in a browser.

jon-a-nygaard

A Highcharts example in use with React and Webpack.

Install

1. Download source files
2. Run npm install to install all dependencies.
3. Run npm run build to bundle app.js into bundle.js

Open application

1. Open index.html in a browser.

Notes

jon-a-nygaard

Example of Highcharts in use with TypeScript

Install

1. Download source files
2. Run npm install to install all dependencies.
3. Run npm run build to bundle src/app.js into dist/bundle.js

Open application

1. Open index.html in a browser.

Note

jon-a-nygaard

Install

1. Download source files
2. Run npm install to install all dependencies.
3. Run node build or npm run build to bundle app.js into bundle.js

Open application

1. Open index.html in a browser.

jon-a-nygaard

Highcharts example with SystemJS

This is an example of how Highcharts can be used with SystemJS. It uses SystemJS to load source files, SystemJS Babel Plugin to transpile ES6 code, ExpressJS for the server application. ##Steps Install dependencies

npm install

Run the application

• Start the application by running either npm run start or node server.js.
• Open localhost:8080 and you should see a simple Highcharts demo.

jon-a-nygaard

{
	"presets": ["es2015"]
}

jon-a-nygaard

module.exports = [
    {
        "value": 438,
        "code": "nj"
    },
    {
        "value": 387.35,
        "code": "ri"
    },
    {