visualifyjs 2.5.3-2.dev → 2.5.3-9-dev
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of visualifyjs might be problematic. Click here for more details.
- package/.github/workflows/{static.yml.bak → build.yaml} +51 -51
- package/LICENSE +674 -674
- package/README.md +40 -58
- package/config-overrides.js +31 -31
- package/dist/visualify.js +3 -3
- package/docs/CLI.md +15 -0
- package/docs/{docs/README.md → README.md} +41 -65
- package/docs/{docs/Rechart → Rechart}/bar.md +190 -190
- package/docs/{docs/Rechart → Rechart}/funnel.md +193 -241
- package/docs/{docs/Rechart → Rechart}/line.md +355 -355
- package/docs/{docs/Rechart → Rechart}/pie.md +225 -225
- package/docs/{docs/Rechart → Rechart}/radar.md +253 -253
- package/docs/{docs/_404.md → _404.md} +51 -51
- package/docs/{docs/_coverpage.md → _coverpage.md} +11 -11
- package/docs/{docs/_sidebar.md → _sidebar.md} +42 -44
- package/docs/{docs/components → components}/dotBio.md +34 -34
- package/docs/{docs/components → components}/echart.md +82 -82
- package/docs/{docs/components → components}/html.md +34 -34
- package/docs/{docs/components → components}/macaron.md +145 -145
- package/docs/components/markdown.md +0 -0
- package/docs/{docs/components → components}/more.md +142 -142
- package/docs/{docs/components → components}/plotly.md +62 -62
- package/docs/{docs/components → components}/scatterL.md +70 -70
- package/docs/{docs/components → components}/visium.md +56 -56
- package/docs/{docs/configuration.md → configuration.md} +123 -121
- package/docs/{docs/deploy.md → deploy.md} +23 -31
- package/docs/index.html +70 -70
- package/docs/log.md +1 -0
- package/docs/manifest.json +23 -23
- package/docs/{docs/more-pages.md → more-pages.md} +23 -23
- package/docs/{docs/quickstart.md → quickstart.md} +115 -124
- package/docs/{docs/rechart-attributes.md → rechart-attributes.md} +74 -74
- package/docs/{docs/rechart-basic-usage.md → rechart-basic-usage.md} +162 -162
- package/docs/static/css/fluff-stuff.css +169 -169
- package/docs/static/css/font-awesome.min.css +4 -4
- package/docs/static/css/visualify.css +25 -25
- package/docs/static/js/configuration.js +448 -448
- package/docs/static/js/visualify.js +24 -23
- package/docs/theme.md +3 -0
- package/package.json +74 -83
- package/rollup.config.mjs +75 -75
- package/src/_css/404.css +115 -115
- package/src/_css/App.css +37 -37
- package/src/_css/autoSuggestion.css +26 -26
- package/src/_css/circular-progress.css +32 -32
- package/src/_css/index.css +36 -36
- package/src/_css/modern.css +24 -24
- package/src/_media/corner.svg +8 -8
- package/src/_media/download.svg +3 -3
- package/src/_media/logo.svg +14 -14
- package/src/_test/App.test.js +15 -15
- package/src/_utils/reportWebVitals.js +13 -13
- package/src/core/appContext.js +27 -27
- package/src/core/components/Scatter.js +188 -188
- package/src/core/components/ScatterBio.js +572 -572
- package/src/core/components/VisiumPlot.js +165 -165
- package/src/core/components/browser.js +42 -42
- package/src/core/components/dotplot.js +413 -413
- package/src/core/components/html.js +29 -29
- package/src/core/components/list.js +178 -178
- package/src/core/components/macaron.js +201 -201
- package/src/core/components/markdown.js +56 -56
- package/src/core/components/parser.scatterBio.js +579 -587
- package/src/core/components/ratio.js +80 -80
- package/src/core/components/scatterL.js +173 -173
- package/src/core/components/searchbar.js +131 -131
- package/src/core/components/selection.js +193 -193
- package/src/core/components/timeline.js +281 -281
- package/src/core/components/visium.js +97 -97
- package/src/core/fetch/condfetch.js +82 -82
- package/src/core/fetch/fetch.js +92 -92
- package/src/core/fetch/json.js +29 -29
- package/src/core/fetch/vfetch.js +42 -42
- package/src/core/liveEditor.js +44 -44
- package/src/core/modules/codeEditorWithPreview.js +104 -104
- package/src/core/modules/echarts/common.js +20 -20
- package/src/core/modules/echarts/presetHandler.js +41 -41
- package/src/core/modules/echarts/presets/esodev.chromium.js +172 -172
- package/src/core/modules/echarts/presets/esodev.codex.js +130 -130
- package/src/core/modules/echarts/presets/esodev.visium.js +123 -123
- package/src/core/modules/echarts/presets/mmtrbc.js +186 -186
- package/src/core/modules/echarts.js +71 -71
- package/src/core/modules/echartsUtils.js +43 -43
- package/src/core/modules/echartswitcher.js +152 -152
- package/src/core/modules/replotly/presetHandler.js +24 -24
- package/src/core/modules/replotly/presets/minimum.js +18 -18
- package/src/core/modules/replotly/presets/mmtrbc.dot.js +114 -114
- package/src/core/modules/replotly/presets/mmtrbc.violin.js +100 -100
- package/src/core/modules/replotly.js +71 -71
- package/src/core/pages/404.js +50 -50
- package/src/core/pages/error.js +27 -27
- package/src/core/pages/jsonPage.js +62 -62
- package/src/core/pages/loading.js +44 -44
- package/src/core/parser/echart.data.js +183 -183
- package/src/core/parser/echart.features.js +125 -125
- package/src/core/parser/echart.general.js +143 -147
- package/src/core/parser/echart.hilbert.js +57 -57
- package/src/core/parser/echart.parser.js +210 -210
- package/src/core/parser/echart.series.js +67 -67
- package/src/core/parser/echart.types.js +76 -76
- package/src/core/parser/plotly.config.js +10 -10
- package/src/core/parser/plotly.data.js +132 -132
- package/src/core/parser/plotly.layout.js +9 -9
- package/src/core/parser/plotly.violin.js +18 -18
- package/src/core/recharts.js +62 -62
- package/src/core/router/alias.js +49 -49
- package/src/core/router/jsonRouter.js +31 -31
- package/src/core/themes/modern.js +32 -32
- package/src/core/themes/themeSelector.js +33 -33
- package/src/core/visualify.js +47 -47
- package/src/core/widgets/circularProgress.js +23 -23
- package/src/core/widgets/controller.js +83 -83
- package/src/core/widgets/errorBoundary.js +36 -36
- package/src/core/widgets/footer.js +177 -177
- package/src/core/widgets/header.js +234 -234
- package/src/core/widgets/layout/Grid.js +31 -31
- package/src/core/widgets/layout.js +36 -36
- package/src/core/widgets/mapping.js +42 -42
- package/src/index.js +62 -62
- package/src/setupTests.js +5 -5
- package/docs/docs/CLI.md +0 -34
- package/docs/docs/Rechart/scatter.md +0 -298
- package/docs/docs/log.md +0 -9
- package/docs/docs/static/logo/favicon.ico +0 -0
- package/docs/docs/static/logo/logo_128x128.png +0 -0
- package/docs/docs/static/logo/logo_192x192.png +0 -0
- package/docs/docs/static/logo/logo_256x256.png +0 -0
- package/docs/docs/static/logo/logo_512x512.png +0 -0
- package/docs/docs/static/logo/logo_64x64.png +0 -0
- package/docs/docs/theme.md +0 -5
- /package/docs/{docs/Rechart → Rechart}/geo.md +0 -0
- /package/docs/{docs/Rechart → Rechart}/liquidfill.md +0 -0
- /package/docs/{docs/Rechart → Rechart}/polar.md +0 -0
- /package/docs/{docs/Rechart → Rechart}/sankey.md +0 -0
- /package/docs/{docs/Rechart/sunburst.md → Rechart/scatter.md} +0 -0
- /package/docs/{docs/Rechart/tree.md → Rechart/sunburst.md} +0 -0
- /package/docs/{docs/Rechart/wordcloud.md → Rechart/tree.md} +0 -0
- /package/docs/{docs/components/markdown.md → Rechart/wordcloud.md} +0 -0
- /package/docs/{docs/static → static}/_images/deploy-github-pages.png +0 -0
@@ -1,44 +1,42 @@
|
|
1
|
-
- Getting started
|
2
|
-
|
3
|
-
- [Introduction](/README.md)
|
4
|
-
- [Quick start](/quickstart.md)
|
5
|
-
- [More pages](/more-pages.md)
|
6
|
-
|
7
|
-
- Visualify.Recharts
|
8
|
-
|
9
|
-
- [Usage](/rechart-basic-usage.md)
|
10
|
-
- [Attributes](/rechart-attributes.md)
|
11
|
-
- [Line Chart](/Rechart/line.md)
|
12
|
-
- [Bar Chart](/Rechart/bar.md)
|
13
|
-
- [Pie Chart](/Rechart/pie.md)
|
14
|
-
- [Radar Chart](/Rechart/radar.md)
|
15
|
-
- [Funnel Chart](/Rechart/funnel.md)
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
- [
|
22
|
-
- [
|
23
|
-
- [
|
24
|
-
- [
|
25
|
-
- [
|
26
|
-
- [
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
- [
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
- [
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
- [UpdateLog](/log.md)
|
1
|
+
- Getting started
|
2
|
+
|
3
|
+
- [Introduction](/README.md)
|
4
|
+
- [Quick start](/quickstart.md)
|
5
|
+
- [More pages](/more-pages.md)
|
6
|
+
|
7
|
+
- Visualify.Recharts
|
8
|
+
|
9
|
+
- [Usage](/rechart-basic-usage.md)
|
10
|
+
- [Attributes](/rechart-attributes.md)
|
11
|
+
- [Line Chart](/Rechart/line.md)
|
12
|
+
- [Bar Chart](/Rechart/bar.md)
|
13
|
+
- [Pie Chart](/Rechart/pie.md)
|
14
|
+
- [Radar Chart](/Rechart/radar.md)
|
15
|
+
- [Funnel Chart](/Rechart/funnel.md)
|
16
|
+
|
17
|
+
|
18
|
+
- Page Mode
|
19
|
+
|
20
|
+
- [ScatterL](/components/scatterL.md)
|
21
|
+
- [Visium](/components/visium.md)
|
22
|
+
- [DotBio](/components/dotBio.md)
|
23
|
+
- [Echart](/components/echart.md)
|
24
|
+
- [Plotly](/components/plotly.md)
|
25
|
+
- [Macaron](/components/macaron.md)
|
26
|
+
- [More...](/components/more.md)
|
27
|
+
|
28
|
+
- Customization
|
29
|
+
|
30
|
+
- [Configuration](/configuration.md)
|
31
|
+
- [Theme](/theme.md)
|
32
|
+
|
33
|
+
- Guide
|
34
|
+
|
35
|
+
- [CLI](/CLI.md)
|
36
|
+
- [Deploy](/deploy.md)
|
37
|
+
|
38
|
+
- Showcase
|
39
|
+
|
40
|
+
- [MmTrBC](https://visualify.pharmacy.arizona.edu/MmTrBC/)
|
41
|
+
|
42
|
+
- [UpdateLog](/log.md)
|
@@ -1,34 +1,34 @@
|
|
1
|
-
# DotBio Component
|
2
|
-
|
3
|
-
The DotBio component is a dot plot that
|
4
|
-
displays the expression of genes in different cell types.
|
5
|
-
|
6
|
-
|
7
|
-
## Properties
|
8
|
-
|
9
|
-
The DotBio component has the following properties:
|
10
|
-
|
11
|
-
- `type` (string): The type of the component, in this case `DotBio`.
|
12
|
-
- `id` (string): The unique identifier of the component.
|
13
|
-
- `row` (int): The row in which the component is to be displayed.
|
14
|
-
- `col` (int): The column in which the component is to be displayed.
|
15
|
-
- `rowspan` (int): The number of rows the component is to span.
|
16
|
-
- `colspan` (int): The number of columns the component is to span.
|
17
|
-
- `settings` (object): The settings of the component.
|
18
|
-
- `meta` (object): The metadata API of the component.
|
19
|
-
- `name` (string): The name of the metadata.
|
20
|
-
- `url` (string): The URL of the metadata.
|
21
|
-
- `exclude_celltype` (array): The cell types to be excluded.
|
22
|
-
- `gene` (string): The gene API.
|
23
|
-
- `genelist` (string): The genelist variable name we want to use.
|
24
|
-
|
25
|
-
### settings Properties
|
26
|
-
|
27
|
-
The `settings` object has the following properties:
|
28
|
-
|
29
|
-
- `preset` (string): The preset of the component.
|
30
|
-
- `ignoreEmptyData` (boolean): Whether to ignore empty data or not.
|
31
|
-
- `showscale` (boolean): Whether to show the scale or not.
|
32
|
-
- `showlegend` (boolean): Whether to show the legend or not.
|
33
|
-
|
34
|
-
|
1
|
+
# DotBio Component
|
2
|
+
|
3
|
+
The DotBio component is a dot plot that
|
4
|
+
displays the expression of genes in different cell types.
|
5
|
+
|
6
|
+
|
7
|
+
## Properties
|
8
|
+
|
9
|
+
The DotBio component has the following properties:
|
10
|
+
|
11
|
+
- `type` (string): The type of the component, in this case `DotBio`.
|
12
|
+
- `id` (string): The unique identifier of the component.
|
13
|
+
- `row` (int): The row in which the component is to be displayed.
|
14
|
+
- `col` (int): The column in which the component is to be displayed.
|
15
|
+
- `rowspan` (int): The number of rows the component is to span.
|
16
|
+
- `colspan` (int): The number of columns the component is to span.
|
17
|
+
- `settings` (object): The settings of the component.
|
18
|
+
- `meta` (object): The metadata API of the component.
|
19
|
+
- `name` (string): The name of the metadata.
|
20
|
+
- `url` (string): The URL of the metadata.
|
21
|
+
- `exclude_celltype` (array): The cell types to be excluded.
|
22
|
+
- `gene` (string): The gene API.
|
23
|
+
- `genelist` (string): The genelist variable name we want to use.
|
24
|
+
|
25
|
+
### settings Properties
|
26
|
+
|
27
|
+
The `settings` object has the following properties:
|
28
|
+
|
29
|
+
- `preset` (string): The preset of the component.
|
30
|
+
- `ignoreEmptyData` (boolean): Whether to ignore empty data or not.
|
31
|
+
- `showscale` (boolean): Whether to show the scale or not.
|
32
|
+
- `showlegend` (boolean): Whether to show the legend or not.
|
33
|
+
|
34
|
+
|
@@ -1,82 +1,82 @@
|
|
1
|
-
# Echart Component
|
2
|
-
|
3
|
-
The Echart component is a wrapper around the
|
4
|
-
[Apache ECharts](https://echarts.apache.org/en/index.html) library. It is used
|
5
|
-
to create a variety of visualizations including scatter plots, line charts, bar
|
6
|
-
charts, and more.
|
7
|
-
|
8
|
-
This Echart Component is same as the Rechart Component, but it is used for the
|
9
|
-
page mode, which enable the user to create a page with multiple components. And
|
10
|
-
it also **support the API to fetch the data**.
|
11
|
-
|
12
|
-
## Properties
|
13
|
-
|
14
|
-
The Echart component has the following properties:
|
15
|
-
|
16
|
-
- `type` (string): The type of the component, in this case `Echart`.
|
17
|
-
- `id` (string): The unique identifier of the component.
|
18
|
-
- `row` (int): The row in which the component is to be displayed.
|
19
|
-
- `col` (int): The column in which the component is to be displayed.
|
20
|
-
- `rowspan` (int): The number of rows the component is to span.
|
21
|
-
- `colspan` (int): The number of columns the component is to span.
|
22
|
-
- `config` (object): The configuration of the component.
|
23
|
-
- `parser` (object): The parser of the component.
|
24
|
-
- `trigger` (object): The trigger of the component.
|
25
|
-
|
26
|
-
### config Properties
|
27
|
-
|
28
|
-
The `config` object has the following properties:
|
29
|
-
|
30
|
-
- `width` (int): The width of the component.
|
31
|
-
- `height` (int): The height of the component.
|
32
|
-
- `preset` (string): The preset of the component.
|
33
|
-
- `title` (string): The title of the component.
|
34
|
-
- `xAxis` (string): The x-axis of the component.
|
35
|
-
- `yAxis` (string): The y-axis of the component.
|
36
|
-
- `legend` (string): The legend of the component.
|
37
|
-
- `tooltip` (string): The tooltip of the component.
|
38
|
-
- `data` (string): The data of the component.
|
39
|
-
|
40
|
-
### parser Properties
|
41
|
-
|
42
|
-
The `parser` object has the following properties:
|
43
|
-
|
44
|
-
- `sources` (array): The sources of the component.
|
45
|
-
- `name` (string): The name of the trigger.
|
46
|
-
- `url` (string): The URL of the data.
|
47
|
-
- `type` (string): The type of the component.
|
48
|
-
- `responseKey` (string): The response key of the component.
|
49
|
-
- `trigger` (object): The trigger of the component.
|
50
|
-
- `title` (boolean): set the title to the triiger value.
|
51
|
-
|
52
|
-
### Example
|
53
|
-
|
54
|
-
```json
|
55
|
-
{
|
56
|
-
"id": "mmtrbc_tsne",
|
57
|
-
"type": "Echart",
|
58
|
-
"col": 2,
|
59
|
-
"rowspan": 3,
|
60
|
-
"config": {
|
61
|
-
"width": 600,
|
62
|
-
"height": 600,
|
63
|
-
"preset": "mmtrbc",
|
64
|
-
"title": " "
|
65
|
-
},
|
66
|
-
"parser": {
|
67
|
-
"sources": [{
|
68
|
-
"name": "metadata",
|
69
|
-
"url": "<your-backend-url>"
|
70
|
-
}, {
|
71
|
-
"name": "gene",
|
72
|
-
"url": "<your-backend-url>",
|
73
|
-
"responseKey": "gene",
|
74
|
-
"trigger": {
|
75
|
-
"name": "mmtrbc_gene",
|
76
|
-
"title": true
|
77
|
-
}
|
78
|
-
}],
|
79
|
-
"type": "scatter"
|
80
|
-
}
|
81
|
-
}
|
82
|
-
```
|
1
|
+
# Echart Component
|
2
|
+
|
3
|
+
The Echart component is a wrapper around the
|
4
|
+
[Apache ECharts](https://echarts.apache.org/en/index.html) library. It is used
|
5
|
+
to create a variety of visualizations including scatter plots, line charts, bar
|
6
|
+
charts, and more.
|
7
|
+
|
8
|
+
This Echart Component is same as the Rechart Component, but it is used for the
|
9
|
+
page mode, which enable the user to create a page with multiple components. And
|
10
|
+
it also **support the API to fetch the data**.
|
11
|
+
|
12
|
+
## Properties
|
13
|
+
|
14
|
+
The Echart component has the following properties:
|
15
|
+
|
16
|
+
- `type` (string): The type of the component, in this case `Echart`.
|
17
|
+
- `id` (string): The unique identifier of the component.
|
18
|
+
- `row` (int): The row in which the component is to be displayed.
|
19
|
+
- `col` (int): The column in which the component is to be displayed.
|
20
|
+
- `rowspan` (int): The number of rows the component is to span.
|
21
|
+
- `colspan` (int): The number of columns the component is to span.
|
22
|
+
- `config` (object): The configuration of the component.
|
23
|
+
- `parser` (object): The parser of the component.
|
24
|
+
- `trigger` (object): The trigger of the component.
|
25
|
+
|
26
|
+
### config Properties
|
27
|
+
|
28
|
+
The `config` object has the following properties:
|
29
|
+
|
30
|
+
- `width` (int): The width of the component.
|
31
|
+
- `height` (int): The height of the component.
|
32
|
+
- `preset` (string): The preset of the component.
|
33
|
+
- `title` (string): The title of the component.
|
34
|
+
- `xAxis` (string): The x-axis of the component.
|
35
|
+
- `yAxis` (string): The y-axis of the component.
|
36
|
+
- `legend` (string): The legend of the component.
|
37
|
+
- `tooltip` (string): The tooltip of the component.
|
38
|
+
- `data` (string): The data of the component.
|
39
|
+
|
40
|
+
### parser Properties
|
41
|
+
|
42
|
+
The `parser` object has the following properties:
|
43
|
+
|
44
|
+
- `sources` (array): The sources of the component.
|
45
|
+
- `name` (string): The name of the trigger.
|
46
|
+
- `url` (string): The URL of the data.
|
47
|
+
- `type` (string): The type of the component.
|
48
|
+
- `responseKey` (string): The response key of the component.
|
49
|
+
- `trigger` (object): The trigger of the component.
|
50
|
+
- `title` (boolean): set the title to the triiger value.
|
51
|
+
|
52
|
+
### Example
|
53
|
+
|
54
|
+
```json
|
55
|
+
{
|
56
|
+
"id": "mmtrbc_tsne",
|
57
|
+
"type": "Echart",
|
58
|
+
"col": 2,
|
59
|
+
"rowspan": 3,
|
60
|
+
"config": {
|
61
|
+
"width": 600,
|
62
|
+
"height": 600,
|
63
|
+
"preset": "mmtrbc",
|
64
|
+
"title": " "
|
65
|
+
},
|
66
|
+
"parser": {
|
67
|
+
"sources": [{
|
68
|
+
"name": "metadata",
|
69
|
+
"url": "<your-backend-url>"
|
70
|
+
}, {
|
71
|
+
"name": "gene",
|
72
|
+
"url": "<your-backend-url>",
|
73
|
+
"responseKey": "gene",
|
74
|
+
"trigger": {
|
75
|
+
"name": "mmtrbc_gene",
|
76
|
+
"title": true
|
77
|
+
}
|
78
|
+
}],
|
79
|
+
"type": "scatter"
|
80
|
+
}
|
81
|
+
}
|
82
|
+
```
|
@@ -1,34 +1,34 @@
|
|
1
|
-
# HTML Component
|
2
|
-
|
3
|
-
The HTML component is used to display HTML content on the page.
|
4
|
-
|
5
|
-
## Properties
|
6
|
-
|
7
|
-
The HTML component has the following properties:
|
8
|
-
|
9
|
-
- `type` (string): The type of the component, in this case `HTML`.
|
10
|
-
- `id` (string): The unique identifier of the component.
|
11
|
-
- `row` (int): The row in which the component is to be displayed.
|
12
|
-
- `col` (int): The column in which the component is to be displayed.
|
13
|
-
- `colspan` (int): The number of columns the component is to span.
|
14
|
-
- `html` (string): The HTML content to be displayed.
|
15
|
-
|
16
|
-
## Future Work
|
17
|
-
|
18
|
-
We will add the ability to fetch the HTML content from an API.
|
19
|
-
|
20
|
-
- `script` (string): The script to be executed.
|
21
|
-
- `style` (string): The style to be applied.
|
22
|
-
|
23
|
-
### Example
|
24
|
-
|
25
|
-
```json
|
26
|
-
{
|
27
|
-
"type": "HTML",
|
28
|
-
"row": 1,
|
29
|
-
"col": 2,
|
30
|
-
"colspan": 3,
|
31
|
-
"html": "<img style='width: 100%' src='./mainpage.png' alt='Abstract'>"
|
32
|
-
}
|
33
|
-
```
|
34
|
-
|
1
|
+
# HTML Component
|
2
|
+
|
3
|
+
The HTML component is used to display HTML content on the page.
|
4
|
+
|
5
|
+
## Properties
|
6
|
+
|
7
|
+
The HTML component has the following properties:
|
8
|
+
|
9
|
+
- `type` (string): The type of the component, in this case `HTML`.
|
10
|
+
- `id` (string): The unique identifier of the component.
|
11
|
+
- `row` (int): The row in which the component is to be displayed.
|
12
|
+
- `col` (int): The column in which the component is to be displayed.
|
13
|
+
- `colspan` (int): The number of columns the component is to span.
|
14
|
+
- `html` (string): The HTML content to be displayed.
|
15
|
+
|
16
|
+
## Future Work
|
17
|
+
|
18
|
+
We will add the ability to fetch the HTML content from an API.
|
19
|
+
|
20
|
+
- `script` (string): The script to be executed.
|
21
|
+
- `style` (string): The style to be applied.
|
22
|
+
|
23
|
+
### Example
|
24
|
+
|
25
|
+
```json
|
26
|
+
{
|
27
|
+
"type": "HTML",
|
28
|
+
"row": 1,
|
29
|
+
"col": 2,
|
30
|
+
"colspan": 3,
|
31
|
+
"html": "<img style='width: 100%' src='./mainpage.png' alt='Abstract'>"
|
32
|
+
}
|
33
|
+
```
|
34
|
+
|