Our new project

June 8th, 2009

Read manga online

Chart Capturing feature

February 17th, 2009

On ChartGizmo I have wrote small description:

Capture creates JavaScript allowing to collect the data from Html of your page. To use this feature the source data table should be marked with “CSource” table class and the table columns should be marked with the “CLabels” and “CValues” classes. The table should precede the JavaScript.”

But what does it mean. Lets make small example.

1. Login or create account at chartgizmo.com (it’s free)

2. Make and configure a chart. Like this.

design example
3. You can add any example data to the chart. (to view how it looks )

Source example

4. Press Save & Publish button.

5. Select Capture type. We can get code like this:

<script src=”http://chartgizmo.com/scripts/client.js?” type=”text/javascript”></script><script class=”chartGizmo” type=”text/javascript”></script>

Now we should understand what is it. The answers is simple: it is JavaScript =)

The main part of this source code is fifth line. It’s contain ‘CSource‘ - name of css class for source table (You can change this name).

6. Create HTML table with data. Mark the table tag using class=”CSource” and td tag of first row by class=”CLabels” and class=”CValues”. It’s possible to have many class=”CValues”

<table class=”CSource” border=”1″ width=”510″>
<caption>Browser competition (2007,2008,2009) </caption>
<tbody>
<tr>
<td class=”CLabels”>IE</td>
<td class=”CValues”>56</td>
<td class=”CValues”>45,7</td>
<td class=”CValues”>44,2</td>
</tr>
<tr>
<td>FireFox</td>
<td>36.3</td>
<td>44,4</td>
<td>45,5</td>
</tr>
<tr>
<td>Safary</td>
<td>1.8</td>
<td>2,7</td>
<td>3</td>
</tr>
<tr>
<td>Chrom</td>
<td>0</td>
<td>0</td>
<td>3,9</td>
</tr>
<tr>
<td>Opera</td>
<td>1,6</td>
<td>2,4</td>
<td>2,3</td>
</tr>
</tbody></table>
</pre>
<table class=”CSource” border=”1″ width=”510″>
<tbody>
<tr>
<td class=”CLabels”>IE</td>
<td class=”CValues”>56</td>
<td class=”CValues”>45,7</td>
<td class=”CValues”>44,2</td>
</tr>
<tr>
<td>FireFox</td>
<td>36.3</td>
<td>44,4</td>
<td>45,5</td>
</tr>
<tr>
<td>Safary</td>
<td>1.8</td>
<td>2,7</td>
<td>3</td>
</tr>
<tr>
<td>Chrom</td>
<td>0</td>
<td>0</td>
<td>3,9</td>
</tr>
<tr>
<td>Opera</td>
<td>1,6</td>
<td>2,4</td>
<td>2,3</td>
</tr>
</tbody></table>

7. Past the chart script after table with data.
Result chart is:

If your page generates dynamic by php, asp or jsp you can generate table using data from your DB during page generation.

Dynamic Chart Feature

February 8th, 2009

On ChartGizmo I have wrote small description:

Dynamic creates JavaScript to display the chart based on the
data, provided by the user, i.e. you can modify the existing data
manualy or create your own JavaScript to get or generate data and use
our script to visualize it.”

But what does it mean. Lets make small example.

1. Login or create account at chartgizmo.com (it’s free)

2. Make and configure a chart.  Like this.

design example
3. You can add any example data to the chart. (to view how it looks )

Source example

4. Press Save & Publish button.

5. Select Dynamic type. We can get code like this:

<script src=”http://chartgizmo.com/scripts/client.js?” type=”text/javascript” language=”javascript”></script><script type=”text/javascript” language=”javascript” class=”chartGizmo”>

chartGizmo.chartId = 4433;

chartGizmo.data = {”l”: ["29", "30-34", "35-39", "40-44", "45-49"], “v”: [["5", "42", "35", "13", "5"]]};

chartGizmo.showChart();

</script>

Now we should understand what is it. The answers is simple: it is JavaScript =)

The main part of this source code is third line. It’s contain JSON with all data for the Chart.

chartGizmo.data JS object has two fields: l - labels(vector), v - values(matrix)

We can generate any data and assign to chartGizmo.data.

<script src=”http://chartgizmo.com/scripts/client.js?” type=”text/javascript”></script><script class=”chartGizmo” type=”text/javascript”><!–
chartGizmo.chartId = 4433; chartGizmo.data = new Object(); chartGizmo.data.l=new Array(); chartGizmo.data.v=new Array(); chartGizmo.data.v.push(new Array()); chartGizmo.data.v.push(new Array()); for (var i=0; i<4; i++){     var random=Math.floor(Math.random()*100);     chartGizmo.data.l.push(”Label “+i);     chartGizmo.data.v[0].push(random*3);     chartGizmo.data.v[1].push(random); }  chartGizmo.showChart();
// –></script>

Result chart:

If your page generates dynamic by php, asp or jsp you can make the string with chartGizmo.data using data from your DB during page generation.

History Feature

February 5th, 2009

Life is changing.

Very often I want to know how something has been changed. For example my weight, oil price, height of my child….

I know, something  was changed, but can’t remember details=)

Now is possible with ChartGizmo to store data and show on charts how something was changed.

This feature has been called “History”.

Lets trying to make a simple chart which can show dependencies between my weight and run time duration.

Firstly you should create History chart using New History button

History button

Configure chart and add titles of valuse.

Creating

Press Save & Add data button in chart editor or Add Data pick on chart list page

Menu add data

Insert your data. You can change date for inserting old data.

Adding data

You can regularly open your History and add new data.

Post you chart as simple ChartGizmo chart.

As result I have:

4k accounts

January 30th, 2009

Now we have more then 4000 accounts on our small simple serves

Fifth release

January 28th, 2009

This week we have made the new release

The following new features are available:

* New “History” feature is available. Now you can collect information about your life and create charts via the information.

* New chart types are available: Flash Candle.

* New chart publishing type “Page” is available. You can simply publish your chart at digg, delisious…

* Chart vie has been  improved

* Negative value for cartesian flash charts.

* Empty values in charts are available.

We are waiting for you suggestions and wishes for driving evolution of chartgizmo.com.

Some words about hosting

December 19th, 2008

Important question for small project like ChartGizmo is hosting.

If you are using PHP, Perl or something like it, you can get cheap hosting. If you have a lot of money you can bay expensive multi core server with best internet connection.  But we are poor developers and we are using Java =)

If you are like to save your money you have to find compromise between quality and price.

For first month we had used old home PC with bad internet connection. As result our site was down for two nights.

After we bought virtual dedicated server on GoDaddy.com

We was happy. For 29$ per month we had four core server. But this price included only 256 Mb of memory. It is too little.

Next three months we had good life.

All good is finishing. After celebrating of 2500 registered users on our service we firstly got “Not enough memory” error message. It was a good error  just because it was result of  intense interest.

And we also got feedbacks from users about slow speed of our site. After small investigation we found grudge. It was network delays of Godaddy’s routers.

We started to think about new hosting.

We found good hosting at http://www.linode.com.

It’s pretty hosting with good price and quality. After couple months using I can recommend this service.

Fourth release

December 9th, 2008

This week we have made the new release

The following new features are available:

* New chart types are available: Candle, Time series. Now you can make finance and historical charts.

* Items Labels are available. You can see on chart current value (Example) or hide labels for pie chart.

* Auto min value of data.

* Useful context menu in the charts list.

* Coping of chart is available.

* Show chart  count information is available in the chart list. Now you know how match time people have seen your charts.

Also we have made big work with performance: Chart generation is three  time faster.

We are waiting for you suggestions and wishes for driving evolution of chartgizmo.com.

Perfomance chart

December 3rd, 2008

It’s very useful to have  picture with comparison of different hardware or software performance.

Lets trying to make a simple chart  witch can show god and bad sits of processor Intel core i7.

i7

Lets go to chartgizmo.com and create new chart (If you have no account, create it. Registration is simple and free).

Firstly we configure the view settings (type of chart, title, colours,.. ).

Choose  3D bar chart type.

Write title “Intel Core i7 Performance Analysis in games”

Write Y axis title “Frames per second (Higher is better)”

Set size 250×500.

Choose  Background & Plot colour. It is simple.

Choose Plot orientation:”Horizontally”, Legend:”Show”, Items Labels: “Show”.

design

After all of this we should past the data for the chart.

Using plus buttons add more rows and column.

Write  labels: “Crysis”, “Enemy Territory” and values  for each rows.

Value names and graph colour is  settings of columns. In our example column is information about processor, row is information about game.

You should make something  like this:

data

During editing press Save Chart button and click on the preview area. You will see your fullsize chart.

Save  chart.

Now we can publish the result.

Press  Save & get HTML and choose HTML type.

Copy-past link html tag code to your page.

And get result like this:

How you can help us

August 3rd, 2008

ChartGizmo is totally free to use but is pretty costly run. We have server costs, application maintenance costs, admin costs, legal costs etc etc etc. It all adds up to a pretty penny.  If you’re interested, the Google adverts are bringing in a few pence a day. So I’m not getting rich using them, but they go towards hosting the tutorials and downloads.

We would really appreciate it if you would do one of several things:

1. Tell everyone about this great free chart maker on forums you hang out at, in news letters, word of mouth. Just shout about ChartGizmo as loud as you can from the rooftops if you like.

2. Link back to ChartGizmo from your website. Why not blog about us and link back to us from your blog. Add us to your social bookmark site of choice. Hell, why not video yourself making your chart design and put it up on youtube.

3. Write us feedback.

4. Make a direct donation of money via paypals donate system. No matter how small or large, all money is appreciated in helping with the operating costs.

 

The more buzz we get going about this free chart maker software, the better we can make it in the future. The more designs we can add and more functions too.

Please help us to help you make this the best free online chart builder on the net. We can keep it free with your support.