Skip to content

Instantly share code, notes, and snippets.

Avatar

Jon Arild Nygård jon-a-nygaard

  • Evoy AS
  • Florø, Sogn Og Fjordane, Norway
View GitHub Profile
@jon-a-nygaard
jon-a-nygaard / README.md
Created Dec 22, 2019
A simple beginner introduction to learning Front End Development
View README.md

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

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.

@jon-a-nygaard
jon-a-nygaard / README-Highcharts-React-formatter.md
Last active Jun 3, 2019
Example of rendering React components in a Highcharts formatter function.
View README-Highcharts-React-formatter.md

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
jon-a-nygaard / README-Highcharts-Webpack-Babel.md
Last active Oct 30, 2020
A Highcharts example in use with Webpack and Babel.
View README-Highcharts-Webpack-Babel.md

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
jon-a-nygaard / README-Highcharts-Webpack-React.md
Last active Jun 7, 2017
A Highcharts example in use with React and Webpack.
View README-Highcharts-Webpack-React.md

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
jon-a-nygaard / README.md
Last active Oct 18, 2021
Example of Highcharts in use with TypeScript
View README.md

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
jon-a-nygaard / README.md
Last active Nov 18, 2016
Example of Highcharts and its boost module loaded using Webpack.
View README.md

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
jon-a-nygaard / README.md
Last active Jun 9, 2017
Highcharts example with SystemJS
View README.md

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
jon-a-nygaard / .babelrc
Last active Oct 17, 2016
Highcharts/Babelify
View .babelrc
{
"presets": ["es2015"]
}
View data.js
module.exports = [
{
"value": 438,
"code": "nj"
},
{
"value": 387.35,
"code": "ri"
},
{