# Sample Data

The sample data for most WireBootstrap theme projects is in a JSONs file located at `\data\sampleData.json`.

![Project Data Directory](https://1908368930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHDYOz0QETYIPewpGM-%2Fuploads%2F7QeVlx82kBgCsGPPxUiH%2Fimage.png?alt=media\&token=27c0c9eb-9d27-4795-8b28-18ac15f1b320)

Below is one of the records in the sample data file.

```javascript
 {
        "Product": "All-Purpose Bike Stand",
        "Promotion": "No Discount",
        "OrderYear": "2019",
        "OrderMonth": "2019-02",
        "Cost": 951.4560,
        "Sales": 2544.0000
 }
```

A [local data source](https://docs.wirebootstrap.com/data-connectors/local-data) is created from the sample data file located in the same directory at  `sampleData.ts`.

```javascript
const sampleDataSource = new wire.data.DataSource("local", {
    Provider: { 
        Json: {url: "../../data/sampleData.json" } 
    },
  ...
});  
```

## Data Model

Adding a [data model](https://docs.wirebootstrap.com/wirebootstrap/connecting-to-data/data-sources#data-models) tells WireBootstrap about the sample data so its able to automatically add data attributes such asSample Data formatting and display labels to result sets on behalf of components.

```javascript
const sampleDataSource = new wire.data.DataSource("local", {
    ...
    Model: new wire.data.DataModel({
        Fields: [
            { Entity: "SampleData", Name: "Sales", Format: "C0" },
            { Entity: "SampleData", Name: "Cost", Format: "C0" }
        ]
    })
});  
```