d3 layout and lib examples | Eric Field | Observable

Eric Field

@emfielduva

Building and Using Tools to See. UVA Architecture + Data Science. IT Director. Instructor.

d3 layout and lib examples

Examples that use and implement my dvlib.

Listed in: demos, lib and DataViz

Filter

Sort

Thumbnail

Thumbnail

Thumbnail

Filter

Sort

118

1

Thumbnail

dvlib_layout Overview

Apr 11, 2023

Thumbnail

Apr 8

Thumbnail

Apr 8, 2022

Thumbnail

Apr 9, 2025

Thumbnail

Apr 8

Thumbnail

Apr 9, 2025

1

Thumbnail

Apr 12, 2022

1

Thumbnail

Apr 12, 2022

2

Thumbnail

Apr 12, 2022

Thumbnail

Apr 12, 2022

Thumbnail

May 8, 2022

1

Thumbnail

Mar 23, 2024

Thumbnail

Clusters - dynamic movement

May 8, 2022

Thumbnail

Pack Circles - dynamic movement

Apr 12, 2022

Thumbnail

Treemap - dynamic movement

Apr 12, 2022

Thumbnail

Network Graph - nodes and edges

Apr 13, 2022

1

Thumbnail

Network Graph with filters - the Beatles

May 2

Thumbnail

Combining Layouts - Donuts on GridMap

Apr 12, 2022

1

Thumbnail

Apr 24, 2022

Thumbnail

Rings - circle with hole mask

Apr 11, 2023

Thumbnail

Beeswarm - Force Diagram

Apr 30, 2022

Thumbnail

May 1, 2022

3

3

Thumbnail

Pack Circles with Donuts inside

May 8, 2022

2

Thumbnail

US map with Powerplant Pack Circles

Apr 11, 2023

Thumbnail

Ring plot on Map - Trust Gap?

Apr 11, 2023

Thumbnail

Force Directed clustering along a path

May 2, 2023

4

Thumbnail

Fixed location Network Graph

May 6, 2023

1

Thumbnail

Radial bar / line

Mar 25, 2024

Thumbnail

Apr 7

Thumbnail

Curves / distance color gradient

Apr 18, 2023

Thumbnail

SVG distance along path / curve

Apr 19, 2023

3

Thumbnail

Filled Arc Polygon Bands

Apr 20, 2024

Thumbnail

Connecting multiple visuals in one space

Apr 22, 2025

1

Thumbnail

Sankey / Alluvial / Parallel Sets

Apr 21, 2024