Skip to main content

Data Grid

JavaScript Chart Types

Data Grid

JSCharting supports JavaScript data grids that can consume JSON from any data source populated by chart data without the need for CSS or HTML. Chart data sets and remote data are seamlessly rendered with the built in grid component data-binding to the chart grid column with configurable column headers. Grid rows can also include SVG icons as well as micro charts and sparklines. The grid is fully client side, so no server side components are required. Load CSV, database or other data by AJAX and add your own custom styling easily. Large data sets handled automatically with pagination / paging displaying large data sets by loading on demand when scrolling. Work with any JavaScript frameworks including angular, vue, react, along with pure javascript and HTML5 explore the javascript grid library more through the open source samples included below.

Legend checkboxes to compare iPhone models in a data grid.
Points created for specific map features.
Chart with alternative data grid view and grid export to CSV.
Stand-alone data grid with nested JSON values.
Stand-alone JS data grid with 15k data rows and multiple CSV headers.
Populate two grids from an existing chart with custom column definitions.
Demonstrate using SVG images in data grids.
Datagrid and chart combination displaying step data.
Stand-alone JS data grid from CSV.
Simulated live data updates of data grid.
A summary row defined for a data grid connected to a chart.
Federal holidays of several countries highlighted using calendar patterns.