положить элементы d3.js на слайдер

Question

положить элементы d3.js на слайдер

0

Сначала просмотрите эту фотографию: https://docs.google.com/file/d/0By25CEM_KEOiYzdYaWVicnp6Zm8/edit?usp=sharing

Теперь я хочу сделать что-то подобное, но я хочу разместить на этом слайде элементы d3.js, а не изображения, такие как прямоугольник, круг, квадрат, треугольник, чтобы пользователь мог перемещать их со стрелками, показанными на изображении.

Я просто хотел узнать, возможно ли это с d3.js, и если да, пожалуйста, скажите мне, как или с чего начать?

Nikunj Aggarwal 17 сен. 2013, в 18:14

Источник

Теги:

javascript

html

d3.js

css3

1 ответ

Ещё вопросы

reblace · Accepted Answer · 2013-09-17T15-16-00.000Z

Вы можете сделать что-то подобное, используя D3.

Один из способов сделать это - рисовать плитки в виде прямоугольников с помощью SVG, а затем иметь путь клипа, который скрывает плитки, которые находятся за пределами рамки того, что вы хотите видеть. Стрелки влево и вправо будут обновлять домен xScale, который будет перемещать плитки слева и справа. Кроме того, вы можете регистрировать события щелчка на элементах rect для создания ссылок на фрагменты.

Посмотрите на некоторые идеи о том, как начать: http://bl.ocks.org/mbostock/1667367

Если вы еще не знакомы с d3, вам следует начать с основного учебника, например: http://mbostock.github.io/d3/tutorial/bar-1.html, прежде чем погрузиться в глубокий конец.