Google Charts

Beginning Google Chart

Kevin Lee

Jan 8, 2015 — 1 min read

Google Charts is a wonderful way to start data visualization. It is easy to learn and powerful to use. In the followings blogs, I will present some samples using Google Charts library.

Quick Start Sample

This sample comes from https://developers.google.com/chart/interactive/docs/quick_start. The most part is done with copy and paste. I have to figure out how to embed JavaScript code and Google Charts library in Ghost blog system.

Ghost uses Markdown for text editing. Markdown basically accepts all HTML codes. This is a good news, because this means that you can insert JavaScript codes into the editor's body section.
Prepare Google Charts library setting it up in Settings > Code Injection. It can be located either into the header or footer. I put it into the header section. One thing that you can consider is that you can set Google Charts library in each blog entry instead doing it the global setting (just as I did). The reason that I choose the latter is that I plan to use it in most writings.
One problem I found is that Ghost blog's index page does not properly show Charts content. It displays raw codes. This is a bummer! I have to resolve this in the future. Ideally, I want to display Google Charts drawings in index page with other images. For now, I am using Saga theme which has pinterest style image blocks. I think that it works well with chart drawings.

How to Install NVM on Mac

Problem If you manage many node.js projects, you will definitely come across a time when your packages require you to use an upgraded node version. I think that using NVM is the best bet for this task. NVM is a version manager for node.js. You can easily install

Ghost was able to start, but errored during boot

Problem This error were reported when updating and starting Ghost. The error message is similar to this: Ghost was able to start, but errored during boot with: alter table `members_link_click_events` add constraint `members_link_click_events_member_id_foreign` foreign key (`member_id`) references `members` (`id`) on

Connect DigitalOcean droplets with SSH

First, create a key pair. This will eventually create a private key and a public key under ~/.ssh directory on your machine. $ ssh-keygen -t ed25519 It will ask the location to which it store the key files. You can specify your preferred location if needed. Enter file in which to

Ghost update with NVM

Problem Maintaining a ghost blog on its own VM requires diligent system updates and maintenance. Today, when I updated ghost using ghost-cli, it threw a message that I need to update compatible node version. My node was v14 and the new ghost update requires the version 18. While there are

Quick Start Sample

Read more

How to Install NVM on Mac

Ghost was able to start, but errored during boot

Connect DigitalOcean droplets with SSH

Ghost update with NVM