{{ message }}

Instantly share code, notes, and snippets.

# Jon Arild Nygård jon-a-nygaard

• Evoy AS
• Florø, Sogn Og Fjordane, Norway
Created Dec 22, 2019
A simple beginner introduction to learning Front End Development

# 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.

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

Last active Dec 10, 2018
View venn.md

# 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.

Last active Jun 3, 2019
Example of rendering React components in a Highcharts formatter function.

# 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`

Last active Oct 30, 2020
A Highcharts example in use with Webpack and Babel.

# A Highcharts example in use with Webpack and Babel.

## Install

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.
Last active Jun 7, 2017
A Highcharts example in use with React and Webpack.

# A Highcharts example in use with React and Webpack.

## Install

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

Last active Oct 18, 2021
Example of Highcharts in use with TypeScript

# Example of Highcharts in use with TypeScript

## Install

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

Last active Nov 18, 2016
Example of Highcharts and its boost module loaded using Webpack.

# Install

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.
Last active Jun 9, 2017
Highcharts example with SystemJS

# 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.
Last active Oct 17, 2016
Highcharts/Babelify
View .babelrc
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters
 { "presets": ["es2015"] }
Created Aug 3, 2016
Gist related to https://github.com/highcharts/highcharts/issues/5021
View data.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters
 module.exports = [ { "value": 438, "code": "nj" }, { "value": 387.35, "code": "ri" }, {