Pens from Lennart Hase https://codepen.io/motorlatitude/ en nospam@codepen.io Copyright 2024 2020-01-14T14:57:03-07:00 Full-Page Navigation Challenge https://codepen.io/motorlatitude/pen/JjoBGYO https://codepen.io/motorlatitude/pen/JjoBGYO Lennart Hase

See the Code - See it Full Page - See Details

My attempt at this weeks #CodePenChallenge. Created full-page navigation using anime.js and some SVGs

]]>
Full-Page Navigation Challenge 2020-01-14T14:57:03-07:00
d3 Visualize Data with a Treemap Diagram https://codepen.io/motorlatitude/pen/eYmrMzJ https://codepen.io/motorlatitude/pen/eYmrMzJ Lennart Hase

See the Code - See it Full Page - See Details

]]>
d3 Visualize Data with a Treemap Diagram 2020-01-11T18:15:03-07:00
d3 Visualizing Data with a Choropleth Map https://codepen.io/motorlatitude/pen/QWwmJJN https://codepen.io/motorlatitude/pen/QWwmJJN Lennart Hase

See the Code - See it Full Page - See Details

A choropleth map to visualize some data using d3.js for a freeCodeCamp challenge.

]]>
d3 Visualizing Data with a Choropleth Map 2020-01-09T22:58:32-07:00
d3 Visualize Data with a Heat Map https://codepen.io/motorlatitude/pen/GRgxObK https://codepen.io/motorlatitude/pen/GRgxObK Lennart Hase

See the Code - See it Full Page - See Details

d3 heat map data visualisation for freeCodeCamp challenge

]]>
d3 Visualize Data with a Heat Map 2020-01-09T17:45:48-07:00
FCC: D3 Visualize Data with a Scatterplot Graph https://codepen.io/motorlatitude/pen/LYEQJBV https://codepen.io/motorlatitude/pen/LYEQJBV Lennart Hase

See the Code - See it Full Page - See Details

A scatterplot graph made using d3.js for a freeCodeCamp Challenge

]]>
FCC: D3 Visualize Data with a Scatterplot Graph 2020-01-08T21:47:01-07:00
D3 Visualize Data with a Bar Chart https://codepen.io/motorlatitude/pen/WNbMxzo https://codepen.io/motorlatitude/pen/WNbMxzo Lennart Hase

See the Code - See it Full Page - See Details

Visualising data in a bar chart using d3.js to complete a freeCodeCamp challenge.

]]>
D3 Visualize Data with a Bar Chart 2020-01-07T21:05:58-07:00
Multi-Button Pill Challenge https://codepen.io/motorlatitude/pen/eYmyQLr https://codepen.io/motorlatitude/pen/eYmyQLr Lennart Hase

See the Code - See it Full Page - See Details

My attempt at the CodePen multi-button challenge, using icons and tooltips in a pill so hopefully easy to swallow, haha.

]]>
Multi-Button Pill Challenge 2020-01-07T00:08:44-07:00
FCC: Pomodoro Clock https://codepen.io/motorlatitude/pen/OJPzzaZ https://codepen.io/motorlatitude/pen/OJPzzaZ Lennart Hase

See the Code - See it Full Page - See Details

A Pomodoro Clock for efficiently getting work done. Made using Bootstrap and ReactJS for a freeCodeCamp challenge.

]]>
FCC: Pomodoro Clock 2020-01-06T20:08:16-07:00
React Template https://codepen.io/motorlatitude/pen/oNgpGyd https://codepen.io/motorlatitude/pen/oNgpGyd Lennart Hase

See the Code - See it Full Page - See Details

]]>
React Template 2020-01-06T11:22:55-07:00
FCC: Build a JavaScript Calculator https://codepen.io/motorlatitude/pen/oNgpLYV https://codepen.io/motorlatitude/pen/oNgpLYV Lennart Hase

See the Code - See it Full Page - See Details

A fully functional javascript calculator built using React and Bootstrap

]]>
FCC: Build a JavaScript Calculator 2020-01-05T22:37:06-07:00