Shubham

@shubhamworks·2 public vizzes

SANKEY Experiment

A Sankey diagram visualizes the flow of data through a REST API for a pet store, showing the relationships between API endpoints, HTTP methods, and response codes. The chart uses D3.js with the `d3.sankey` plugin to render the flow, with nodes representing resources like `PetResource` and links showing the connections between paths. The visualization is interactive, allowing users to drag nodes to rearrange the layout. Data is loaded from static JSON files containing node and link definitions with associated values.

Aug 20, 2020

Loading thumbnail…

SANKEY Experiment

This interactive Sankey diagram uses the D3.js library to visualize the flow of data through a Swagger-defined Pet Store API. The graph maps requests from API resources and parameters, such as `petId` and `upload file`, through to endpoints like `/pet/{petId}`. Nodes and links are colored and sized according to their connection values. The visualization supports drag-and-drop repositioning of nodes, with a `relayout()` function updating the curved link paths and a yellow stroke applied to all connections. The underlying data is loaded from a JSON file.

Aug 20, 2020