Shine bright lika diamond.


I’ve always thought that working with code is an extremely daunting task. The vast array of commands and characters – where do I even begin.


Thankfully, there’s Juan to the rescue.

Firstly, I learned that /* disables the function and if you just delete that, it would make the code “alive” and coloured again. I also realised that normally, the higher the number, the larger the quantity/size of something is. However, in code, 20 will generate a significantly smaller image compared to 7. (these were just random numbers)

Screen shot 2014-09-10 at 9.24.11 AMScreen shot 2014-09-10 at 9.22.53 AM

Notice how the circles are tiny and how it looks like a constellation of stars. How about decreasing the amount?

Screen shot 2014-09-10 at 9.23.39 AM  Screen shot 2014-09-10 at 9.24.00 AM

The “stars” begin to take the shape of planets instead.

Scratch that, readded the /* on the circles SVG and removed it from the lines. Same thing happened..

Screen shot 2014-09-10 at 9.25.50 AMScreen shot 2014-09-10 at 9.25.31 AM

This is rather embarassing; but thats all I knew how to change. Thats a start, but I’m looking to change the images to something else.

Toyed with the cheesy idea of changing the images to diamonds. Cos you know what they say… Diamonds are a girls best friend. 😛


Found this .png image online. Tried to copy the link:

Also tried hosting the image on my own flickr:

Neither worked. Something went awry but I have no idea what.
Just sent an e-mail to Juan and I’m hoping he can help me out, cos right now I have no idea what I’m doing – which brackets to open or close. Will update this post again if Juan replies! 😀

—————————-(( UPDATE ))———————————

Juan replied and turned out all I forgot to do was remove the */ at the end tag (-___________-)”

Here’s what happened when I embedded the flickr image. Turns out my flickr link was https and the picture wasn’t able to load.

(but its quite fun looking at the default error image flooding my data visualisation hahaha)

Screen shot 2014-09-10 at 10.59.57 AM

However, undeterred, I tried the other version of the .png and came up with this.

Screen shot 2014-09-10 at 11.00.23 AM

Changed the values of the height and width from 100 to 10 and here’s what happened hehehe.

You may view my diamond constellation here:

Screen shot 2014-09-10 at 11.04.54 AM

Shine bright like a diamond 2

Maybe this happened cos I was listening to this while attempting to code 😛