Art Data

Art Data allows you to create 2 types of tables and 12 types of charts. Custom templates can be created to control the look of your tables and charts. Quickly populate a table or chart using our built in dataset spreadsheet or you can load a dataset from SQL Query, HTML or CSV file.


Visualization custom data source (HTML)

Note: This guide only covers Art Data v2.2.0 and above. If you haven't migrated to Art Data v2.2.0 yet, please make sure to get the latest version and complete the migration. For more information about the scope of differences between Art Data v2.2.0 and previous versions please see here.

Visualizations can have one of two different data source types: Art Data Dataset or Custom; Custom includes HTML, CSV, or SQL. This article is about the Custom > HTML data source. How do you create a Visualization from an HTML data source? We'll show you how.

When creating a visualization from an HTML data source, the HTML that is input will need to be an HTML table. The table format is used to communicate a data structure to Art Data. The Art Data component software will parse (read) the data that's stored in the table and transform it into an Art Data Visualization.

Consider the below tabular data. What's the best way to organize this data into an HTML table so it can be used in a Visualization?

name age
John 46
Dave 22
Mary 39
Jane 30

Below is how you would accomplish this:


<table>
    <thead>
        <tr>
            <td>
                name
            </td>
            <td>
                age
            </td>                    
        </tr>            
    </thead>
    <tbody>
        <tr>
            <td>
                John
            </td>
            <td>
                46
            </td>                    
        </tr>
        <tr>
            <td>
                Dave
            </td>
            <td>
                22
            </td>                    
        </tr>
        <tr>
            <td>
                Mary
            </td>
            <td>
                39
            </td>                    
        </tr>  
        <tr>
            <td>
                Jane
            </td>
            <td>
                30
            </td>                    
        </tr>                                              
    </tbody>
</table>

You would format your HTML like the table above and then paste it into your Art Data administrator > Visualizations > New > Data > Custom Data Source > Data Source content.