I have a python script that builds the plotly chart on the python side, and puts the figure as HTML in a local HTML document. I would like to have a chart series for notes, and use a font awesome icon to mark where (at date) each note exists. However, on the test text appears. The font awesome icon …

@allsyntax , The problem isnt that they arent showing up, the problem is that they are too small due to the massive scale of the x axis! import plotly.express as px import datetime df = px.data.stocks() from pprint import pprint fig = px.scatter(df, y='GOOG', x='date', title='Population of Europea…

Try replacing this: <tspan style="font-style:italic">test</tspan> With this: <tspan class="fa fa-home">test</tspan>

Here is python code of my efforts combined into one, and the resulting plotly HTML. I wrapped the output into an HTML file with the font awesome reference so that someone could copy and paste this and visualize what I’m seeing. I’ve also included an attempt to add an image for each data point, but t…

HTML part 2: <g class="xtick"> <text text-anchor="middle" x="0" y="443" data-unformatted="Jan 2020" data-math="N" transform="translate(125.57,0)" style="font-family: "Open Sans", verdana, arial, sans-serif; font-size: 12px; fill: rgb(42, …

HTML part 3. Hope this is helpful: <div class="modebar-group"> <a href="https://plotly.com/" target="_blank" data-title="Produced with Plotly" class="modebar-btn plotlyjsicon modebar-btn--logo"> <svg xmlns="http://www.w3.org/2000/svg" v…

Lastly, there is this big script at the end (1 of 2): <script type = "text/javascript" > window.PLOTLYENV = window.PLOTLYENV || {}; if (document.getElementById("9cf9609f-1b3f-4a82-aa8c-d7d7dc328480")) { Plotly.newPlot("9cf9609f-1b3f-4a82-aa8c-d7d7dc328480", [{ "marker": { "c…

script part 2 of 2: "template": { "data": { "histogram2dcontour": [{ "type": "histogram2dcontour", "colorbar": { "outlinewidth": 0, "ticks": "" }, …

Hello @allsyntax , I tried several ways, altering the class, adding items in the tspan, changing it from a tspan, placing the svg in the content. The issue is that the svg is rendered all together and the before just never shows up for some reason. HTML registers that it should be there… Sorry mate…

Thanks for trying. Not sure if I should post as a separate topic, but I’m finding that plotting an image instead for each data point only seems to work if X axis is a number, like 0, 1, 2, 3, 4, 5. If i use DATE from my DF, the images will not appear. Any thoughts on this? I confirmed by just using…

I think you should try changing the date from date to timestamp.

No dice. My try: fig = go.Figure() df['D_DATE'] = pd.to_numeric(df['D_DATE'].values) / 10 ** 9 fig.add_trace( go.Scatter(mode='markers', x=df['D_DATE'], y=df['Note']) ) df3 = df.dropna(subset=['Note']) for x, y in enumerate(df3['D_DA…

Plotly Scatter Plot Text as HTML/CSS

📊 Plotly Python

jinnyzor November 14, 2022, 1:59pm 20

Here, check out this article:

Topic		Replies	Views
Using custom font icons in plotly scatter plot 📊 Plotly Python	1	1329	November 7, 2022
Plotly Scatter Text Special Character 📊 Plotly Python	3	673	September 18, 2022
FontAwesome Unicode in Plotly JS Scatterplot plotly.js	3	1161	September 2, 2024
Export plotly plots with text field as html 📊 Plotly Python	0	583	February 9, 2022
Embed Plotly Charts into HTML (Flask) 📊 Plotly Python	1	4624	June 18, 2020

Plotly Scatter Plot Text as HTML/CSS

Related topics