How do I render the raw html file generated from scattertext package

sound118 · April 14, 2020, 1:38pm

I am trying to make a python Dash APP which would allow user to upload two documents and then generate the beautiful scattertext visualization with scattertext package. If you do the work in pure python IDE, it will generate a html file and store in a local file then user can open it with either chrome or firefox web browser. See details on https://github.com/JasonKessler/scattertext . The html file is powered by d3.js graphing objects.

In my case, I am comparing consumer reviews for two big documents with scattertext, see https://github.com/sound118/Scatter-text-for-Chinese for details. I am struggling with the html objects generated from produce_scattertext_explorer in scattertext package. How can I actually render this object with Dash plotly? It seems it’s kind of impossible to render it as raw html file which I tried ended up with only showing the search box appearing. Can we do it with dcc.graph or anything that can help would be greatly appreciated!

Vinamrata · September 17, 2021, 8:56am

Hi, Did you solve this problem? because I also have same question and not able do it

Emil · September 17, 2021, 9:07am

One possibility for rendering raw HTML is via the Purify component,

github.com

thedirtyfew/dash-extensions/blob/master/README.md#purify

The purpose of this package is to provide various extensions to the Plotly Dash framework. It can be divided into five main blocks, 

* The `snippets` module, which contains a collection of utility functions
* The `javascript` module, which contains functionality to ease the interplay between Dash and JavaScript
* The `enrich` module, which contains various enriched versions of Dash components
* The `multipage` module, which contains utilities for multi page apps
* A number of custom components, e.g. the `Download` component

While the `snippets` module documentation will be limited to source code comments, the `javascript` module, the `enrich` module, the `multipage` module, and the custom components are documented below.

## Javascript

In Dash, component properties must be JSON serializable. However, many React components take JavaScript functions (or objects) as inputs, which can make it tedious to write Dash wrappers. To ease the process, `dash-extensions` implements a simple bridge for passing function handles (and other variables) as component properties. The `javascript` module is the Python side of the bridge, while the `dash-extensions` package [on npm](https://www.npmjs.com/package/dash-extensions) forms the JavaScript side. 

In the examples below, we will consider the `GeoJSON` component in `dash-leaflet==0.1.10`. The complete example apps are available in the [dash-leaflet documentation](http://dash-leaflet.herokuapp.com/#tutorials).

### JavaScript variables

Any JavaScript variable defined in the (global) window object can passed as a component property. Hence, if we create a .js file in the assets folder with the following content,

This file has been truncated. show original

Vinamrata · September 20, 2021, 9:46am

Thank you:)

Vinamrata · September 20, 2021, 9:58am

I don’t really found my answer, I don’t see way to integrate scattertext viz into dash. anyone can help me with this please.

Topic		Replies	Views
Dash table in raw html Dash Python	0	674	June 25, 2021
Dash native JSON Renderer / Viewer Dash Python	2	5128	October 24, 2022
Easy way to convert a short text between Dash HTML object representation and HTML raw string? Dash Python	4	2965	November 30, 2018
How to get raw HTML from dash_html_components Dash Python	1	1679	May 1, 2018
Adding HTML page as DIV tag output in Dash Dash Python	4	1346	July 19, 2018

How do I render the raw html file generated from scattertext package

Related Topics