Как проще всего запилить подобные графики на свой сайт?

Question

[Олег Петров]

Я хочу себе сделать сайт-страничку в подобном стиле
pokerdope.com/poker-variance-calculator
Но графики мне там не нравятся, и я хочу вот такие, только на одном графике сразу несколько цен отображать.
https://codepen.io/smeilz/pen/OBdRQg
https://codepen.io/smeilz/pen/JmxRpP
https://codepen.io/smeilz/pen/VEgKMv

С чего мне вообще начать, чтобы это реализовать наиболее современно? Какие есть инструменты?
Хочу, чтобы графики были большие. Люди будут листать в основном с телефонов и это должно быть крупно.
Всем желаю удачи и процветания!

Answer 1

[igumenov]

www.chartjs.org/samples/latest

Comments

[Олег Петров]

Хороший красивый вариант тоже.

Answer 2

[Сергей Карвасарный]

я вот хз, но если для людей я бы взял просто графики от google с кучей настроек и кастомизаций. Не все что блестит и летает удобно в использовании. Я захожу на такого рода сайты посмотреть данные, а не как все летает, кружится и бегает. Сугубо мое мнение.

Comments

[Олег Петров]

Мне просто кажется, что тогда сайт не будет ничем не выделяться.
И да, я не буду переполнять все анимацией скорее всего, просто нравится сам стиль и как создать его.
Но в целом графики от Google имеют устаревший дизайн(на мой взгляд) и подойдут для людей более старшего поколения, а мои графики будут для аудитории 16-30 лет в основном.
Согласитесь странно заявлять о новейших технологиям в чем-то, и при этом делать страницу и графики так, как делали 5-7 лет назад.

[Сергей Карвасарный]

Олег Петров, а что мешает его покрасить)) хороший дизайн никто не отменял)) вот неплохой и думаю по тематике как ты хочешь - d3,

[Олег Петров]

Сергей Карвасарный, да, неплохо, и я уже смотрел этот сайт. По-моему данные графики на нем хороши для компьютеров, но для телефонов будут смотреться мелковато, особенно оси и цифры на них, а если цифры увеличить, тогда испортится дизайн. =(

[Сергей Карвасарный]

Олег Петров, а на телефоне у тебя на любом графике так будет, экран то мелкий, все решает возможность зумить, от этого никуда не денешься когда у тебя график с кучей информации))

[Олег Петров]

Сергей Карвасарный, Ну ладно, буду думать, вообще как я понял библиотека новая и у людей нет опыта с ней, никто не помогает. Ну в крайнем случае сам разберусь во всем, но пока еще верю, что кто-то знает как это делается. =)

[Арсений Матыцин]

Ох мать моя, мечта эпилептика...