```mermaid
---
title: Tasks
---

stateDiagram-v2
    direction LR
    [*] --> inbox : + / add task

    inbox --> onHold : tag
    inbox --> active : dated
    inbox --> inbox : untag
                                                                                    
    onHold : On Hold
    onHold --> onHold : untag
    onHold --> inbox : no tags
    onHold --> active : dated

    active --> active : untag
    active --> inbox : undate
    active --> finished : complete

    finished : Finished
    finished --> active : uncompleted
```

digraph Tasks {
    rankdir=LR;
    labelloc="t";
    label="Tasks";

    node [shape=ellipse];

    start [shape=point];
    inbox [label="inbox"];
    onHold [label="on Hold"];
    active [label="active"];
    finished [label="finished"];

    start -> inbox [label="+ / add task"];

    inbox -> inbox [label="untag"];
    inbox -> onHold [label="tag"];
    inbox -> active [label="dated"];

    onHold -> onHold [label="untag"];
    onHold -> inbox [label="no tags"];
    onHold -> active [label="dated"];

    active -> active [label="untag"];
    active -> inbox [label="undate"];
    active -> finished [label="complete"];

    finished -> active [label="uncompleted"];
}

Referencias

1. Erdogan T, «D3Blocks: The Python Library to Create Interactive, Standalone, and Beautiful D3.js Charts«, medium.com, web. Published: 2025.06.28; visited: 2026.05.30. URL: https://medium.com/data-science-collective/d3blocks-the-python-library-to-create-interactive-standalone-and-beautiful-d3-js-charts-ef8c65286e86.