Giacomo Balli profile picture

Giacomo Balli

Innovation consultant specializing in mobile strategy

Let's Chat

I help traditional business owners improve productivity, enhance employee satisfaction and increase profits by optimizing their established processes. #DigitalTransformation #OpenInnovation

I help startup founders jumpstart their success. #Architecture #UA #ASO #Monetization #Performance #Feasbility

I help modern companies better understand competition and fast-track R&D. #Intelligence #ResearchAndDevelopement

Topics

Projects

Giacomo Balli clients

Press, Podcasts, Interviews & Talks

Giacomo Balli press

Mobile Consultant

The mobile app industry is growing at an unprecedented pace... Barely keeping up or are you leveraging all the opportunities it brings?

If you made it this far I know you have motivation, enthusiasm and drive. However, you will need a mobile consultant like me by your side to fully reap all the benefits of what technology has to offer.

Until not long ago, iPhone apps were like the very first websites: in a world where websites were few and far between, just having one was enough.  It wasn't particularly challenging to be a player in the mobile app development game without much competition. Now, as the market becomes more saturated, it is increasingly difficult to stand out from the crowd.

My years of experience in the field, combined with my MBA and business savvy, make me a shrewd ally to anyone looking to make their mark in the mobile world.

I live in San Francisco, the epicenter of the startup boom.  While I've seen some amazing concepts come to life, I've chosen not to get involve in revenue sharing, equity or similarly structured projects. Instead, I lend my technical and business know-how to early stage startups and established brands as a mobile consultant.

Find out more

Do you already have a mobile app? Make sure you know how to properly generate more downloads.

Create graphs with HTML5 JavaScript and CSS3

The big deal of HTML5 is that it brings A LOT of power to modern browsers; it's isn't just the addition of semantic tags or declaration updates.

One of the most astonishing additions is being able to easily replace Flash.

Take for example data visualization. Before, you could only use Flash to automatically generate graphs related to data. Flash is bulky, and take long(er) time to update. Not to mention its production time.

Alternatives used to be <img> (image element) or <svg> (scalable vector graphics)

<img>: This obviously is nothing new (although still an alternative to Flash). In a few very specific cases, this could still be the best route.

<svg>: Much more dynamic capabilities but also complicated to implement

<canvas>: Awesomeness. Programmatically create multiple kinds of graphs with different styling.

Take the following snippet:
for ( var i = 0; i < data.length; i++ ) {
var dx = (colW * i) + padding;
var dh = canvas.height * (data[i]/10);
var dy = canvas.height - (dataHeight-1);

context.fillRect( dx, dy, colW-2*padding, dh );
context.strokeRect( dx, dy, colW-2*padding, dh );
}

... that is all it takes to create the bar graph below.



Different graph examples:


for ( var i = 0; i < data.length; i++ ) {
context.beginPath();
context.arc(data[i].x, data.y, 10, 0, Math.PI*2, false);
context.fill();
context.stroke();
}

Doubt it gets any easier!

Check out more in depth info here.

#canvas, #graphs, #html5
Published: Sat, 06 Oct 2012 18:19:07 +0000

Side Projects

This a collection of some of the numerous ideas/projects that have been conceived and developed usually on a weekend morning.

Crypto

Instagram

Websites

Apps

Misc

About

Currently working as an innovation consultant based in San Francisco. After studying in Madrid and New York, earning an MBA, he broke into the emerging mobile developing market when Apple first released the iPhone. Among one of the first successful Italian developers, Giacomo relocated to San Francisco to broaden his reach within the burgeoning tech sector. While working as part of a travel-tech startup launched in 2013, Giacomo has continued as a consultant to both independent and incubator-based startups. Confident and innovative, loves fast-paced environments collaborating with a team of professionals and experts to ship delightful, efficient products.
Giacomo's passion for progress often finds him speaking at conferences (both in the US & Europe) and teaching college courses.

Contact

Create graphs with HTML5 JavaScript and CSS3

Create graphs with HTML5 JavaScript and CSS3

The big deal of HTML5 is that it brings A LOT of power to modern browsers; it's isn't just the addition of semantic tags or declaration updates.

One of the most astonishing additions is being able to easily replace Flash.

Take for example data visualization. Before, you could only use Flash to automatically generate graphs related to data. Flash is bulky, and take long(er) time to update. Not to mention its production time.

Alternatives used to be <img> (image element) or <svg> (scalable vector graphics)

<img>: This obviously is nothing new (although still an alternative to Flash). In a few very specific cases, this could still be the best route.

<svg>: Much more dynamic capabilities but also complicated to implement

<canvas>: Awesomeness. Programmatically create multiple kinds of graphs with different styling.

Take the following snippet:
for ( var i = 0; i < data.length; i++ ) {
var dx = (colW * i) + padding;
var dh = canvas.height * (data[i]/10);
var dy = canvas.height - (dataHeight-1);

context.fillRect( dx, dy, colW-2*padding, dh );
context.strokeRect( dx, dy, colW-2*padding, dh );
}

... that is all it takes to create the bar graph below.



Different graph examples:


for ( var i = 0; i < data.length; i++ ) {
context.beginPath();
context.arc(data[i].x, data.y, 10, 0, Math.PI*2, false);
context.fill();
context.stroke();
}

Doubt it gets any easier!

Check out more in depth info here.

#canvas, #graphs, #html5
Published: Sat, 06 Oct 2012 18:19:07 +0000