Вчера я написал пост
Как интегрировать интерактивный график 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>
Что-то странное происходит…
В режиме редактирования сайт есть, а в режиме просмотра сайта я его не вижу…
Ещё и на Главной тоже график показывает в анонсе статьи…