Telegram Group & Telegram Channel
Огонек | Notion Buildin | Планеры
🌗 Круговые диаграммы не выходя из Notion? Mermaid часть 3 #лайфхак 🌈 Возможности Mermaid не ограничиваются схемами - есть еще пара трюков. Самый полезный из них - рисование круговых диаграмм. 1⃣ Создаем блок кода Mermaid. 2⃣ Задаем нашей диаграмме название:…
This media is not supported in your browser
VIEW IN TELEGRAM
🍭 Цветные круговые диаграммы в Notion
#лайфхак

Мы уже умеем создавать круговые диаграммы в Notion с помощью Mermaid. Но по умолчанию все сегменты нашей круговой диаграммы отображаются в 50 оттенках серого монохроме.

Для добавления цвета в диаграмму в код в любое место (хоть в начале, хоть в конце, хоть посередине) нужно добавить 💫волшебную строчку💫:
%%{init: {'theme': 'base', 'themeVariables': { 'pie1': '#FFFFFF', 'pie2': '#FFFF00'}}}%%

Здесь 'pie1' - это cлово pie и порядковый номер указанного сегмента в коде (сверху - вниз, номер без пробела), а символы с хэшем после двоеточия - знакомый нам HEX код цвета, который с легкостью выбирается на сайте https://htmlcolorcodes.com/

Пример:
pie title Радуга
"Каждый" : 5
"Охотник" : 20
"Желает" : 30
"Знать" : 10

Идем по порядку:
"Каждый" = 'pie 1',
"Охотник" = 'pie 2'
...и так далее через запятую столько 'pie', сколько сегментов на диаграмме:

%%{init: {'theme': 'base', 'themeVariables': { 'pie1': '#DA4C2D', 'pie2': '#FFFF00', 'pie3': '#00FF00', 'pie4': '#0000FF', 'pie5': '#800080', 'pie6': '#ff0000', 'pie7': '#FFA500'}}}%%

Меняется только количество 'pie' и хэши цветов. Остальное не меняем, иначе сломается))

Еще там диаграмму Гантта можно делать с помощью Mermaid - кому интересно, вот описание на английском https://mermaid.js.org/syntax/gantt.html
Это уже за пределами разумного применения в Notion, но поиграться можно
😅
Please open Telegram to view this post
VIEW IN TELEGRAM



tg-me.com/notion_ogonek/128
Create:
Last Update:

🍭 Цветные круговые диаграммы в Notion
#лайфхак

Мы уже умеем создавать круговые диаграммы в Notion с помощью Mermaid. Но по умолчанию все сегменты нашей круговой диаграммы отображаются в 50 оттенках серого монохроме.

Для добавления цвета в диаграмму в код в любое место (хоть в начале, хоть в конце, хоть посередине) нужно добавить 💫волшебную строчку💫:
%%{init: {'theme': 'base', 'themeVariables': { 'pie1': '#FFFFFF', 'pie2': '#FFFF00'}}}%%

Здесь 'pie1' - это cлово pie и порядковый номер указанного сегмента в коде (сверху - вниз, номер без пробела), а символы с хэшем после двоеточия - знакомый нам HEX код цвета, который с легкостью выбирается на сайте https://htmlcolorcodes.com/

Пример:
pie title Радуга
"Каждый" : 5
"Охотник" : 20
"Желает" : 30
"Знать" : 10

Идем по порядку:
"Каждый" = 'pie 1',
"Охотник" = 'pie 2'
...и так далее через запятую столько 'pie', сколько сегментов на диаграмме:

%%{init: {'theme': 'base', 'themeVariables': { 'pie1': '#DA4C2D', 'pie2': '#FFFF00', 'pie3': '#00FF00', 'pie4': '#0000FF', 'pie5': '#800080', 'pie6': '#ff0000', 'pie7': '#FFA500'}}}%%

Меняется только количество 'pie' и хэши цветов. Остальное не меняем, иначе сломается))

Еще там диаграмму Гантта можно делать с помощью Mermaid - кому интересно, вот описание на английском https://mermaid.js.org/syntax/gantt.html
Это уже за пределами разумного применения в Notion, но поиграться можно
😅

BY Огонек | Notion Buildin | Планеры




Share with your friend now:
tg-me.com/notion_ogonek/128

View MORE
Open in Telegram


telegram Telegram | DID YOU KNOW?

Date: |

The global forecast for the Asian markets is murky following recent volatility, with crude oil prices providing support in what has been an otherwise tough month. The European markets were down and the U.S. bourses were mixed and flat and the Asian markets figure to split the difference.The TSE finished modestly lower on Friday following losses from the financial shares and property stocks.For the day, the index sank 15.09 points or 0.49 percent to finish at 3,061.35 after trading between 3,057.84 and 3,089.78. Volume was 1.39 billion shares worth 1.30 billion Singapore dollars. There were 285 decliners and 184 gainers.

Among the actives, Ascendas REIT sank 0.64 percent, while CapitaLand Integrated Commercial Trust plummeted 1.42 percent, City Developments plunged 1.12 percent, Dairy Farm International tumbled 0.86 percent, DBS Group skidded 0.68 percent, Genting Singapore retreated 0.67 percent, Hongkong Land climbed 1.30 percent, Mapletree Commercial Trust lost 0.47 percent, Mapletree Logistics Trust tanked 0.95 percent, Oversea-Chinese Banking Corporation dropped 0.61 percent, SATS rose 0.24 percent, SembCorp Industries shed 0.54 percent, Singapore Airlines surrendered 0.79 percent, Singapore Exchange slid 0.30 percent, Singapore Press Holdings declined 1.03 percent, Singapore Technologies Engineering dipped 0.26 percent, SingTel advanced 0.81 percent, United Overseas Bank fell 0.39 percent, Wilmar International eased 0.24 percent, Yangzijiang Shipbuilding jumped 1.42 percent and Keppel Corp, Thai Beverage, CapitaLand and Comfort DelGro were unchanged.

telegram from us


Telegram Огонек | Notion Buildin | Планеры
FROM USA