Кто-нить с Google tree map работал?

Вопрос есть, как нам корректно сопоставить цвета величине падения.
Программист не осилил, а мне лень вникать.

https://smart-lab.ru/q/map/

Счас у нас пока куета получается.

Вкратце, задача такая, чтобы
от 0 до -5% цвет из светло-красного превращался в темно-красный, а
от 0 до +5% цвет из светло-зеленого превращался в темно-зеленый

помогите смартлаб

martynovtim

Тимофей Мартынов

Санкт-Петербург

6767

751 719

с 21 сентября 2010

25 Комментариев

Vladimir Volgin
14 февраля 2018, 19:39
на мой взгляд, и логичнее, чем больше отклонение от ноля, тем ярче цвет должен быть
+4
- Рустам TradeInWest.ru
  14 февраля 2018, 20:54
  Vladimir Volgin, согласен.
  То что в посте написано — не корректно, имхо.
  0
Ом З
14 февраля 2018, 19:42
куета кует)
+1
Sarmatae
14 февраля 2018, 19:51
Тимофей есть на смарт-лабе пользователь публиковал в таком виде инфу, может у него спросить, я ник не помню.
0
Quincy Wintz
14 февраля 2018, 19:52
да и велечина фигур с капой должна коррелировать :)
а по сабж’у помочь нечем :) как на вестифинанс

0
---
14 февраля 2018, 19:56
вот тут: https://finviz.com/map.ashx
внизу смотри, там процент отклонения и цвет указаны
0
SellBuySell
14 февраля 2018, 20:10
А ещё круче сделать, по росту, столбиками в 3D )
0
Тимофей Мартынов
14 февраля 2018, 20:36
Mission Possible, как ты скопируешь финвиз то?
Из библиотеки поди закрыты
0
- Lev
 14 февраля 2018, 21:21
 Тимофей Мартынов, вам посоветовали просто подбор цветов. Выбираете цвета, градации и записываете их в код.
 Тут вся документация по тримапу, непонятно, что там можно не осилить
 developers.google.com/chart/interactive/docs/gallery/treemap
 var options = { highlightOnMouseOver: true, maxDepth: 1, maxPostDepth: 2, minHighlightColor: '#8c6bb1', midHighlightColor: '#9ebcda', maxHighlightColor: '#edf8fb', minColor: '#009688', midColor: '#f7f7f7', maxColor: '#ee8100', headerHeight: 15, showScale: true, height: 500, useWeightedAverageForAggregation: true };
 0
 - Тимофей Мартынов
 14 февраля 2018, 21:41
 Lev, мой кодер не смог осилить
 целый день там провел
 я так понимаю непонятка в том, как желанному числовому значению придать определенный цвет
 0
 - Lev
 14 февраля 2018, 22:41
 Тимофей Мартынов, на php это пишется минут за 10-15, ну пусть за полчаса, если с чашкой кофе.
 Если значение:
 от 0 до 5 — цвет #1
 от 5 до 10 — цвет #2
 итд
 
 0
TraderGroup.ru
14 февраля 2018, 20:37
Не проще ли использовать всего три цвет. падение -красный, нейтрал. — черный, рост зеленый. размер квадрата по объему средств за торговый день
0
Дедал
14 февраля 2018, 20:39
А чем проблема задать maxColor ?? maxColorValue 5, minColor minColorValue -5?
+1
Дедал
14 февраля 2018, 20:39
Площадь нужна по капе
0
- Тимофей Мартынов
  14 февраля 2018, 21:41
  Антон С, блин, тогда сбер будет половину экрана занимать))
  0
  - Маркин Павел
    14 февраля 2018, 22:44
    Тимофей Мартынов, а ты в tree map не саму капитализацию подставляй, значение квадратного корня из неё, тогда и визуально приемлемо будет и сбербанк не займёт большую часть экрана.
    0
Антон Денисков (Fry)
14 февраля 2018, 21:41
Тимофей, а сделай пожалуйста такую штуку как раньше была newsmap.jp. К сожалению сервис загнулся, но очень-очень его не хватает! Сделай если уж не по новостям с гугелньюса, то хоть по топикам со смарта (с учётом ЧС).
В чём фишка. Был раньше сервис вот такого вида:

Каждый квадратик — это новость. Размер квадратика — это коэффициент раскручености новости (цитируемость, репликация, комментируемость и т.п.). Цвет — сектор новости. Наводишь на квадратик — появляется превьюха, щелчок — переход к тексту.

Если сделать такое для топиков смартлаба, то прямо за 5 минут можно будет «обозрить» весь дневной поток смарта.
+2
- Тимофей Мартынов
  14 февраля 2018, 21:42
  Fry (Антон), это прикольная идея.
  Нам только сначала бы понять как цветами управлять
  +1
- Lev
  14 февраля 2018, 22:38
  Fry (Антон), да, крутой был. Много лет его «читал»
  +1
Маркин Павел
14 февраля 2018, 22:12
Ура! Я дождался обещанного tree map!!!
0
Маркин Павел
14 февраля 2018, 22:27
я же тебе пример скидывал https://smart-lab.ru/talk/read/386784/#comment7847670

а в указанной расцветке в этом топике
в гугловском скрипте должно быть прописано

maxColorValue:5,
minColorValue:-5,
minColor: '#d00',
midColor: '#000',
maxColor: '#0d0',

0
Маркин Павел
14 февраля 2018, 22:28
И почему объем оборотов(или капитализация) не прикручен к размеру?
0
Иван Петров
15 февраля 2018, 07:43
Траурный черный фон с названием акций росс рынка как бэ намекает на скорую панихиду)))
0