OLD Asociaciones en Málaga. Vega-Lite API

100%

OLD Asociaciones en Málaga. Vega-Lite API

✓ Published1🌍 Public

Last edited Jul 25, 2021

Created on May 8, 2021

This visualization displays the associations in Málaga as a scatter plot, mapping each association’s creation date along the x-axis and its thematic category along the y-axis. The circles are colored by thematic area, with a tooltip revealing the association’s name. The graphic is built with the Vega-Lite API, which is registered with Vega and Vega-Lite, and the data is fetched from a CSV file using d3.csv. The chart uses custom configuration for axis and label styling, and it renders as an SVG, filling the browser window.

AI-generated description

OLD. csv no actualizado

Análisis de asociaciones en Málaga. Urban commons

A visualization constructed using the vega-lite-api.

Gist: asociaciones en málaga.

MIT Licensed

Similar vizzes

Loading thumbnail…

Asociaciones en Málaga Stacked Barchart. Vega-Lite API

This stacked bar chart visualizes associations in Málaga, displaying the sum of activities per association, with bars segmented by thematic category. The chart uses the Vega-Lite API with a `markBar` encoding, mapping quantitative activity sums to the x-axis, association names to the y-axis, and thematic color to the segments. Data is loaded asynchronously from a CSV via `d3.csv`, and the visualization is rendered to SVG through the Vega-Lite API, with customized axis styling for improved readability.

Ccimadomo

88% match

Loading thumbnail…

Asociaciones/año Scatter Plot with Color

This scatter plot displays the creation dates and thematic categories of associations in Málaga, with each circle colored by its temática. The visualization uses React with D3 v5 scales including `scaleLinear` for the x-axis, `scalePoint` for the y-axis, and `scaleOrdinal` for color encoding. Data is loaded from a CSV file via D3’s `csv` function and rendered as SVG circles with opacity. The chart includes custom axis components for bottom and left orientations, with tooltips currently showing the association name through SVG `<title>` elements.

Ccimadomo

82% match

Loading thumbnail…

My Vega Lite Viz Project

The chart is a circular mark-based scatterplot that visualizes the relationship between two categorical fields, "Designação DT" and "Categoria," from a CSV file. It uses the Vega-Lite API, registered with Vega and Vega-Lite, to render the visualization as an SVG. The code configures axis colors and typography, then loads data via `d3.csv` and renders it with a custom mark size and opacity, all displayed in a full-window view.

AAna Roque

69% match

Loading thumbnail…

using Vega lite API

A circular scatterplot visualizes Mexican states based on population and surface area, with color encoding state names and tooltips revealing additional details. The view uses the Vega-Lite API to construct the spec programmatically, registering Vega and Vega-Lite instances for rendering. Data is loaded asynchronously via D3’s CSV parser and styled with custom axis and title settings for readability. The visualization renders to fit the full browser window in SVG format.

DDataFeast_71

69% match

Loading thumbnail…

Vega-Lite API Template

This example visualizes infrastructure indicators by plotting each data point as a circle, with the year on the x-axis, the indicator type on the y-axis, and the color encoding the numeric value. Tooltips reveal the exact values on hover. The visualization is built using the Vega-Lite API, which registers Vega and Vega-Lite libraries to render the chart as SVG. Data is loaded asynchronously from a CSV file using d3.csv, and the chart’s styling and axis labels are customized through a configuration object. The visualization automatically fits the full browser window.

SSabin Bhandari

67% match

Loading thumbnail…

Asociaciones en malaga from bar chart

This example displays the top 10 most populous countries as horizontal bars, with each bar’s length proportional to its population. Built with React and D3 v5, it uses `scaleBand` for the categorical axis, `scaleLinear` for the numeric axis, and `csv` to load data from the United Nations World Population Prospects 2019. SVG rectangles render the bars, with numeric tick labels formatted via `format`. The chart updates data through a custom `useData` hook, and includes axis components for layout.

Ccimadomo

67% match

Loading thumbnail…

Vega light API demo

This example demonstrates a scatter plot where each circle represents a data point, with its position mapped to the `jan` and `year_val` fields and color encoding the `districtid` category. The Vega Lite API, using `vl.markCircle` and `vl.encode`, builds the visualization declaratively from CSV data fetched via `d3.csv`. Rendered as an SVG through the Vega rendering engine, the plot includes tooltips for `state`, `districtid`, `year_val`, and `jan` values, and employs a custom configuration for styled axes and labels.

Aarunkumarv1530@gmail.com

67% match

Loading thumbnail…

Vega-Lite API Template

A scatterplot uses the Vega-Lite API to map time on the x-axis, location on the y-axis, and a quantitative color scale for data values. Circles are sized and colored from the dataset, with tooltips showing each point’s name. The visualization loads tab-separated data via `d3.tsv` from a GitHub gist and renders with an SVG view, using `vl.markCircle` and `vl.encode` to build the chart. Axis labels and titles are customized through a shared `config` object.

Ddavid-cv2

67% match