d3

готовое на d3 v3

там всё просто, на самом деле

либо херачишь на d3 api

либо делаешь на нативном svg, а для расчётов точек юзаешь d3

первый проще, но имхо не кошерно

А на канвасе нельзя?

можно

тогда только d3 api

Ну тут вопрос возможно именно про связку был

Лучше отделить React и D3 или как - то их можно подружить?

Мне нужно обычный биржевой график нарисовать

кек

там даже готовый есть в mbstock

погугли штоле

Я гуглю, но пока не понятно, как это всё совместить с реактом

impord * as d3 from 'd3'; componentDidMount () { d3 api } render () { return <canvas ref={() => this.canvas = this} />; }

Типо если я создам элемент Canvas внутри реакта и начну отдельно в нём рисовать через d3 сработает?

А при ререндеренге я не потеряю канвас?

сработает

заного отрендерится

Окей, попробуем

в componentDidUpdate ещё добавить рендер графика

Ага, вот это был полезный совет

но там всё равно придется посношаться

особенно в оптимизейшен

в итоге придешь к тому, что svg лучше :(

Окей, мне просто нужна визуализация

https://earth.nullschool.net/

как тут

часть на svg, поверх него canvas'ы

Я уже научился получать котировки биткоина с интервалом 500мс, сейчас хочу их рисовать, затем прикрутить ML и отрисовывать на графиках результаты его работы

Почему svg лучше канваса?

Ведь в канвасе есть webgl, а в svg приходится DOM элементами рулить, не?

svg ты можешь разделить на кусочки, которые надо перерендерить

а канвас целиком придется перерисовывать

Однако это быстрее, как по мне

Перерисовывать канвас

да и зачем тебе там webgl, ты же не 3д делаешь, с плавной анимацией

Просто я думал, в д3 можно задать тип графики

так то мне пофиг

если область графика будет статичной, без изменения размеров, с фиксированными axis'ами и grid'ами, то быстрее

Грид будет постоянно строиться и смещаться влево

Также будет движение по оси

что лучше использовать, скажем, для анимации входа/выхода из модального окна?

css only?

Да, ведь css быстрее обычного js

css transition

понял, не работал с анимациями на css в css in js

Да, ведь css быстрее обычного js

лол это бред)) cssinjs умеет в csstransition скорость будет та же, что и css, ибо jss создает нормальный css

Грид будет постоянно строиться и смещаться влево

https://bl.ocks.org/mbostock

ищи, где-то был прям готовый вариант для реакта на canvas\svg

лол это бред)) cssinjs умеет в csstransition скорость будет та же, что и css, ибо jss создает нормальный css

Анимация сделанная на css быстрее анимации сделанной на js

Анимация сделанная на css быстрее анимации сделанной на js

jss не создает анимацию в js он создает css, и анимация на css

Возможно cssinjs использует css анимацию - не использовал cssinjs

Сзначит его можно использовать

мне кажется вы немного о разном говорите

Нет, он правильно говорит, там JS выставляет анимацию в CSS, но сам JS не рулит этой анимацией

Грид будет постоянно строиться и смещаться влево

http://rrag.github.io/react-stockcharts/

http://rrag.github.io/react-stockcharts/

Да, примерно такое, только у меня будет по проще)

https://codepen.io/designcouch/pen/obvKxm/

неплохие анимации)

Да, примерно такое, только у меня будет по проще)

если нет цели упороться в d3, то смысла нет. Этот чарт вроде довольно гибкий

неплохие анимации)

Долгие, но красивые)

если нет цели упороться в d3, то смысла нет. Этот чарт вроде довольно гибкий

Он избыточный, и рисует отстойно

ERROR: S client not available

ну есть например blow up , если использовать прелоадер и при загрузке изображения - открывать его на всю страницу

думаю неплохо

у тебя же биткоины, а это страндартный биржевой график

ну, по крайней мере будет куда подглядывать

Да, но я привык к красивым графикам, которые глаз не режут)

флаг в руки :)

Я бы показал, но меня за рекламу забанят)

никто не знает что за шляпа?

Господи, неужели это тоже моя пробема

День целый бился так и оставил

это официальный баг

Есть линк на ишью?

готовое на d3 v3

Что за археология

Зачем тащить этот паравоз

Когда есть нормальный модульный d3 v4

День целый бился так и оставил

да я как то сразу заметил что в render все рабоатет

это было странно

DarkNet - блог о темной стороне интеренета. @darknets

Парни, привет. Подскажите плз как можно рендерить React stateless в статичные файлы? Есть пакет какой-нить?

а более развернуто плиз?

хочу компилировать компоненты в статичные html файлы

с какой целью?

ну а так реакт умеет в строку рендерить (нужно для серверного рендера)

вот этим можно и воспользоватся

или самому проще написать обертку через fs с reactDOM.renderToString

ну оно и будет

ну вот это как вариант, думал чтоб не париться модуль готовый юзнуть с плюшками указания путей и тд

просто это немножно кстранно

если тебе нужно для документации то есть много интересных решений без рендера в html, которые построят тебе библиотеку компонентов

ноу) спс за помощь ?