# Connecting Data
## JSON Paths
The first step to connect data to a node is to declare the data's path in the node itself. We do it by placing the JSON path in between `${ }`. It looks something like this:
```dart
${books.chapters.titles[0]}
```
In case of the example weather app, we declare the JSON path that points to a temperature.
Dynamic Temperature
Next up, providing the data to the layout in the SDK.
## Data Field
`CodelesslyWidget` takes in data using the `data` parameter which is of type `Map`. You can provide the data in the form of a JSON and the widget will be able to use its values internally.
```dart
CodelesslyWidget(
data: const {
'weather': {
'temp': 20,
'humidity': 34,
'wind': 6,
},
}
);
```
Run the app. It should retrieve `temp`'s value from the data and substitute it in place of the JSON path.
Dynamic data used in widget
Currently, the editor supports adding dynamic data to text and image URLs.
