@thedatagrid/data
v1.0.7
Published
Sample datasets for TheDataGrid demos and examples
Maintainers
Readme
@thedatagrid/data
Sample datasets for TheDataGrid demos and examples.
Installation
npm install @thedatagrid/dataUsage
ES Modules
import { olympics_1k, olympics_10k, olympics_50k } from '@thedatagrid/data';
// Use the datasets
console.log(olympics_1k.length); // ~1,000 records
console.log(olympics_10k.length); // ~10,000 records
console.log(olympics_50k.length); // ~50,000 recordsDefault Import
import olympicsData from '@thedatagrid/data';
// Access datasets
const { olympics_1k, olympics_10k, olympics_50k } = olympicsData;Direct file imports
You can also import the JSON files directly if you prefer:
import olympics_1k from '@thedatagrid/data/olympics_1k.json' assert { type: 'json' };
import olympics_10k from '@thedatagrid/data/olympics_10k.json' assert { type: 'json' };
import olympics_50k from '@thedatagrid/data/olympics_50k.json' assert { type: 'json' };or
import olympics_1k from '@thedatagrid/data/olympics_1k'
import olympics_10k from '@thedatagrid/data/olympics_10k'
import olympics_50k from '@thedatagrid/data/olympics_50k'This approach is useful when you only need a specific dataset and want to avoid importing all three.
Datasets
Olympics Data
The package includes three Olympic Games datasets with varying sizes:
- olympics_1k: ~1,000 Olympic records
- olympics_10k: ~10,000 Olympic records
- olympics_50k: ~50,000 Olympic records
Each record contains the following fields:
Name: Athlete's nameSex: Gender (M/F)Team: Country/team nameNOC: National Olympic Committee codeYear: Olympic yearSeason: Summer/WinterCity: Host citySport: Sport categoryEvent: Specific eventMedal: Medal won (Gold/Silver/Bronze)
Example with TheDataGrid
import { AgGridReact } from 'ag-grid-react';
import { olympics_1k } from '@thedatagrid/data';
function OlympicsGrid() {
const columnDefs = [
{ field: 'Name' },
{ field: 'Sex' },
{ field: 'Team' },
{ field: 'Year' },
{ field: 'Sport' },
{ field: 'Medal' }
];
return (
<AgGridReact
columnDefs={columnDefs}
rowData={olympics_1k}
pagination={true}
paginationPageSize={20}
/>
);
}License
MIT
