Skip to content
Liquid Data <:|:> Visceral Design <:|:> Creative Curiosity <:|:> Pretty Pictures
Vue Python JavaScript CSS HTML
Branch: master
Clone or download
Latest commit c0f5a84 Sep 18, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets palette testing Aug 7, 2019
components initial commit Jul 18, 2019
layouts minor color scheme adjustments Aug 6, 2019
middleware initial commit Jul 18, 2019
pages minor color scheme adjustments Aug 6, 2019
plugins initial commit Jul 18, 2019
static Create keybase.txt Sep 18, 2019
store initial commit Jul 18, 2019
test pretty Aug 1, 2019
.coveralls.yml test config Aug 6, 2019
.gitignore initial settings Aug 6, 2019
.pre-commit-config.yaml ci updates Aug 6, 2019
.travis.yml test config Aug 6, 2019
LICENSE initial settings Aug 6, 2019
Pipfile test config Aug 6, 2019
Pipfile.lock test config Aug 6, 2019 add prettier Aug 7, 2019
ava.config.js add prettier Aug 7, 2019
azure-pipelines.yml add prettier Aug 7, 2019 add prettier Aug 7, 2019
gpg_public.txt initial settings Aug 6, 2019
keybase.txt Create keybase.txt Sep 18, 2019
nuxt.config.js add prettier Aug 7, 2019
package-lock.json update deps Sep 16, 2019
package.json update deps Sep 16, 2019

Michael Treanor

Build Status

Coveralls github

Coverage Status

code style: prettier

This is a portfolio produced as a record of my career transition from science and education towards software development and data visualization. I have an odd mix of experiences that I hope will be appreciated as useful and original designs.

The majority of my open source work is done under the MIT license unless otherwise noted. Enjoy.

Build Setup

nuxt.js build

Why Nuxt.js? I had not done frontend development in a while so I wanted to choose something that is popular, compatible and current in order to make this a valuable example. After surveying the options, I had to choose between React, Angular, Vue, Flask, Django, Laravel, and Rails. I am not learning Ruby and I haven't used PHP in a while since picking up Python to round out my skillset. I don't want something overly complicated with a long learning curve. My major focus is not frontend work.

This led me to deciding whether my main focus would be on node.js or python for this project. I think the assets and the community would lend itself to javascript more than python in this case. I will make something else as a python backend focusing more on AI, ML, and data visualization. I can also throw together a quick example of a php LAMP site without a framework quicker than I can learn one as an example of a database / e-commerce site.

The way I chose between the javascript frameworks was to see who was most active online, visit their pages, watch their videos, and interact on twitter. It was immediately obvious to me that the most creative and design focused people are very excited about Vue.js paired with Nuxt.js to generate static, responsive, or full web apps.

React looks fun, angular looks tedious, ember looks sleek, but nuxt.js is like Red Bull for javascript.

Here is a great article: 10 reasons to use Nuxt.js for your next web application

# install dependencies
$ npm run install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work, checkout Nuxt.js docs.


  • Data: D3, plotly, numpy, pandas, csv, SQL
  • Design: Adobe, [Paper, Pencil, Time, Creativity]
  • Frameworks: Flask, Vue, Django, Laravel
  • Frontend: JS, CSS, Sass, HTML5
  • Backend: Python, PHP, node.js
  • DevOps: mostly macOS/ubuntu Bash/Python/PHP
  • Fira Code and Hack fonts make life easier
  • Interested inn Go and Haskell
  • Bits and pieces of more esoteric languages ...

Acknowledgments and Inspiration:

"We stand on the shoulders of giants."

The pages herein are highly influenced by other members of the design, coding, and creative communities. I have tried to include credit where it is due. If I have left anyone out, I apologize. Please get in touch and I will make corrections.

Recent General Inspiration to me:

Inspiration from prior generations:

  • Richard Feynman - the magician who was younger than all of us but smarter than any of us
  • Hans Rosling - the genius statistician who saw our human race in the world as it is and shared it beautifully
  • Steve Jobs - the visionary creative who stuck to his goals and created marvelous tech devices
  • Jack Kilby - for not going on vacation and instead realizing that the best thing to do is what you can

Inspirational Projects and Sources:

Data Sources

  • Gapminder
  • US Census
  • USGS
  • US BLS


I was lucky and priviledged enough to get my MacBook from an education grant through a generous donation by Visine, a division of J&J.

Teachers get little recognition and few rewards. I am tremendously thankful to have been recognized as a leader in Educational Technology.

Macbook Pro 15-inch, mid 2015, Retina, MagSafe 2, 16gig ram, SSD, Core i7 - I love it

Past projects (ancient history - late 1970s to early 1980s during the time I was about 6 to 14 years old)

  • Pillbox game

    • major challenge: some variables had to be adjusted because the directionn of screenn coordinates did not match the force of gravity
    • For this, I had to learn some physics
    • y = ax^2 + bx + c
    • learning to plot on CGA and hercules graphics cards
    • collision detection
  • ISA sensor board - homemade 8 bit ISA board with custom driver

    • Major challenge: learning circuit design for interfacing with ISA bus / creating an etched PCB
    • Hacked together a sensor input board using a hacksaw and old ISA modem card
    • designed an ISA bus circuit to collect 8 bit data
    • instant measurement through i/o port or irq trigger / no buffering
    • original sensors were light(CdS) and temperature
    • Wrote a driver in assembler
    • collected sensor data using PEEKs in BASIC
  • BAS2PAS - Wrote a translator from BASIC to Pascal

    • Major challenge - how to interpret what the program is trying to do since line by line translation leads to many errors
    • In order to make use of abundant prior code
    • Challenging project mainly for hobby interest
    • Parsed lines of code from BASIC listings
    • Added sections to a database array based on purpose
    • recreated the purpose in Pascal by section
  • MyDos - wrote my own simple operating system

    • Major challenge - operating the PC programatically with no operating system is much harder than you think. You have to account for reading disks, memory, etc. You have to do everything.
    • built on bios calls, assembly loop, and TSR programs
    • user config file
    • all disk services: MBR, FAT, partitions, read/write commands, interleaving
    • keyboard interrupt processor using TSR module
    • 80 col text display - random i/o access via coordinates and ascii codes
    • directory functions: create, delete, list, rename, etc.
    • file functions: new, identify, list, rename, etc.

Sparkling Ball of Interesting Things

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

For detailed explanation on how things work, checkout Nuxt.js docs.

You can’t perform that action at this time.