—
layout: post
title: a post with plotly.js
date: 2025-03-26 14:24:00
description: this is what included plotly.js code could look like
categories: sample-posts
chart:
plotly: true
—
#
This is an example post with some plotly code.
#
````markdown
```plotly
{
“data”: [
{
“x”: [1, 2, 3, 4],
“y”: [10, 15, 13, 17],
“type”: “scatter”
},
{
“x”: [1, 2, 3, 4],
“y”: [16, 5, 11, 9],
“type”: “scatter”
}
]
}
```
````
#
Which generates:
#
```plotly
{
“data”: [
{
“x”: [1, 2, 3, 4],
“y”: [10, 15, 13, 17],
“type”: “scatter”
},
{
“x”: [1, 2, 3, 4],
“y”: [16, 5, 11, 9],
“type”: “scatter”
}
]
}
```
#
Also another example chart.
#
````markdown
```plotly
{
“data”: [
{
“x”: [1, 2, 3, 4],
“y”: [10, 15, 13, 17],
“mode”: “markers”
},
{
“x”: [2, 3, 4, 5],
“y”: [16, 5, 11, 9],
“mode”: “lines”
},
{
“x”: [1, 2, 3, 4],
“y”: [12, 9, 15, 12],
“mode”: “lines+markers”
}
],
“layout”: {
“title”: {
“text”: “Line and Scatter Plot”
}
}
}
```
````
#
This is how it looks like:
#
```plotly
{
“data”: [
{
“x”: [1, 2, 3, 4],
“y”: [10, 15, 13, 17],
“mode”: “markers”
},
{
“x”: [2, 3, 4, 5],
“y”: [16, 5, 11, 9],
“mode”: “lines”
},
{
“x”: [1, 2, 3, 4],
“y”: [12, 9, 15, 12],
“mode”: “lines+markers”
}
],
“layout”: {
“title”: {
“text”: “Line and Scatter Plot”
}
}
}
```