Generative Art

Процедуральное искусство (англ. Generative Art) – объединение высоких компьютерных технологий с искусством, с использованием автономной …

Вы можете начать с Vega-Lite-кода, преобразовать его в код Vega (это позволяет онлайн-редактор vega) а затем продолжить редактирование Vega-кода.

Скачать VegaLite https://vega.github.io/vega-lite/tutorials/getting_started.html

Vega-Lite: Time Unit, Bin & Aggregate https://observablehq.com/@cegvist/vega-lite-time-unit-bin-aggregate

Faceting — это техника визуализации данных, которая заключается в разбиении данных на несколько групп в зависимости от определенной переменной, и отрисовке отдельных (но одинаково структурированных) графиков для каждой группы.

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

Filter Transform Подробнее https://vega.github.io/vega-lite/docs/filter.html

// Any View Specification { … «transform»: [ {«filter»: …} // Filter Transform … ], … }

Фильтрация данных

Довольно часто в процессе визуализации нам нужно фильтровать данные. Потребность в фильтрации может возникнуть, например, когда у нас есть значения, в коректности которых мы не уверены. Скажем, в наших данных есть записи, в которых значение переменной mag является отрицательным. Если мы не уверены в том, может ли магнитуда землетрясения иметь отрицательное значение, мы можем просто отбросить эти данные. https://observablehq.com/@cegvist/vega-lite-filter

vegalite({
width: 950,
height: 300,
data: {
url: «https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.csv»
},
mark: «bar»,
encoding: {
x: {
field: «mag»,
type: «quantitative»,
bin: {
step: 0.5
}
},
y: {
aggregate: «count»,
type: «quantitative»
},
tooltip: {
aggregate: «count»,
type: «quantitative»
}
}
})

Работа с геоданными

Подробнее

https://observablehq.com/@andriy-gazin/vega-lite-base-map или моя редактированная версия https://observablehq.com/@cegvist/vega-lite-base-map

vegalite({ width: 900, height: 600, data: { url: «https://gist.githubusercontent.com/andriy-gazin/442044f2543e9c7d19d76d0c2dc8125f/raw/6a1f9b0be8cbf6c20ecda24b333ebbb315035185/world.json», format: { type: «topojson», feature: «world» } }, projection: { type: «equalEarth» }, selection: { country: { type: «single», on: «mouseover», empty: «none» } }, mark: { type: «geoshape», stroke: «#F0F0F0», strokeWidth: 0.5 }, encoding: { tooltip: { field: «properties.name», type: «nominal» }, color: { condition: { selection: «country», value: «#F67280» }, value: «darkgray» } } })

Гистограмма с наложением меток https://vega.github.io/vega-lite/examples/layer_bar_labels_grey.html или https://vega.github.io/editor/#/edited Или открыть для редактирования Open the Chart in the Vega Editor

DashBoard Vega Interactive Dashboard with Cross Highlight https://vega.github.io/vega-lite/examples/interactive_concat_layer.html

Авторизация
*
*
Регистрация
*
*
*
Генерация пароля
ПОЗВОНИТЕ МНЕ
+
Жду звонка!