А если без стороннего сайта, то как разместить PlotLy с надписями и подписями на сайт?

Вчера я написал пост

Как интегрировать интерактивный график PlotLy на сайт

А сидел я сейчас «просто дышал» перед сном и посетила меня шальная мысль.

А что, если из блока DIV, который генерирует PlotLy с подписями на русском языке, просто убрать лишние \ и сразу вставить на сайт?
Без транскодирования на стороннем сервисе?

Гениально!

И вот результат:

Шаги по встраиванию интерактивного графика PlotLy на сайт:

• В Юпитер.Ноутбук построить график (например, с именем fig)
• В следующей ячейке Ноутбука ввести команду
  • plotly.offline.plot(fig, include_plotlyjs=False, output_type=’div’)
• Ноутбук выведет окно с кучей текста — блок DIV
• Скопировать весь этот текст за исключением первого символа — прямой кавычки (‘) и последнего символа — прямой кавычки (‘)
• Вставить этот текст в самый простой текстовый редактор — Блокнот Windows
• Сделать замену по всему тексту двойного слэша \\ на одинарный слэш \
• Скопировать весь получившийся текст
• Вставить этот текст на сайте в блок «Произвольный HTML»
• Если этот первый график PlotLy, который размещается на странице сайта, то:
  • Перед всем текстом в блоке вставить строку: <script src=»https://cdn.plot.ly/plotly-latest.min.js»></script>