Jon Arild Nygård 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

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.

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

A Highcharts example in use with Webpack and Babel.

Install

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

Open application

Open index.html in a browser.

A Highcharts example in use with React and Webpack.

Install

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

Open application

Open index.html in a browser.

Notes

Example of Highcharts in use with TypeScript

Install

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

Open application

Open index.html in a browser.

Note

Install

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

Open application

Open index.html in a browser.

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.

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

	{
	"presets": ["es2015"]
	}