How to Upload Data into ChartsBin.com?

In this tutorial you can learn How to upload data into chartsbin.com?

Login to chartsbin.com/login

Step 1: Open Excel or CSV (comma-separated values) file and select range of cells you like to upload.

    Selecting 'Copy' from the menu which appears on the right mouse click or simply press Ctrl-C (Windows) or Command-C (Macintosh) to copy.

    Step 2: Click on  Create New Dataset from top menu bar.

    Click in inside textbox and paste in the data you have copied from Excel or CSV file. To do this, selecting 'paste' from the menu which appears on the right mouse click or simply press Ctrl-V (Windows) or Command-V (Macintosh) to paste.

     

    Step 3: Click 'Preview of your data' button. This will give you a table similar to that below.

    Enter 'Title' and 'Source' (If it is your own dataset then enter your own name) and click 'Create'.

    Congratulations!, you have successfully uploaded a dataset.

    How to create Bar chart inside a tooltip in 2 Minutes?


    via chartsbin.com

    In this short tutorial you can learn How to create Bar chart inside tooltip?

    • Step 1: Upload data into chartsbin.com
    • Step 2: Select a visualization type you want to visualize
    • Step 3: Define the data that you want to show on the map

    So, assuming you already did/know first 3 steps

    • Step 4: Click 'Tooltip test' (look at the screenshot below)

    Syntax Templet: {C<Column number>}

    Simple eg:

    • US${C2} → UD$90

    In the above text we will replace {C2} with respect to coloum 2 in your Dataset table.

    More eg:

    • {C2}% → 90%
    • {C2} per 1000 people → 90 per 1000 people
    • {C2} km² → 90 km²
    • Rank: {C2} and Score: {C3} → Rank: 90 and Score: 3.25

      Simple Bar chart Templet:

      {BAR(<value>)}

      • <value> - value should be inside the limit 0 to 100 (Percentages work best as they are going to have a maximum value of 100). You should beware that the chart will crop anything above 100.

      Bar chart eg: if C2 = 20

      Input:    {BAR({C2})} {C2}%   -------→  Output: ▇▇▇ 20%

      Input:    {BAR({C2})} {C2}%   -------→  Output: ▇▇▇ 20%

      Input:    {BAR({C2})} {C2}%   -------→  Output: ▇▇▇ 20%

      Note: Curly brackets '{' '}' is important.

      How to create Bar chart inside a tooltip in 2 Minutes video?