Flow/index.html at main · mxshell/Flow · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#f6f7fb" />
    <meta name="application-name" content="Flow" />
    <meta name="robots" content="index, follow, max-image-preview:large" />
    <title>Flow — Free Online Sankey Diagram Maker</title>
    <meta name="description" content="Create Sankey diagrams for budgets, profit and loss, and job searches. Edit live. Export PNG, SVG or JSON. Free and private in your browser. No account needed." />
    <link rel="canonical" href="https://flow.mxshell.dev/" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Flow" />
    <meta property="og:title" content="Flow — Free Online Sankey Diagram Maker" />
    <meta property="og:description" content="Create Sankey diagrams for budgets, profit and loss, and job searches. Edit live. Export PNG, SVG or JSON. Free and private in your browser. No account needed." />
    <meta property="og:url" content="https://flow.mxshell.dev/" />
    <meta property="og:image" content="https://flow.mxshell.dev/social-preview.png" />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Flow — free online Sankey diagram maker" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Flow — Free Online Sankey Diagram Maker" />
    <meta name="twitter:description" content="Create Sankey diagrams for budgets, profit and loss, and job searches. Edit live. Export PNG, SVG or JSON. Free and private in your browser. No account needed." />
    <meta name="twitter:image" content="https://flow.mxshell.dev/social-preview.png" />
    <meta name="twitter:image:alt" content="Flow — free online Sankey diagram maker" />
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@graph": [
          {
            "@type": "WebSite",
            "@id": "https://flow.mxshell.dev/#website",
            "name": "Flow",
            "url": "https://flow.mxshell.dev/",
            "inLanguage": "en"
          },
          {
            "@type": "WebApplication",
            "@id": "https://flow.mxshell.dev/#app",
            "name": "Flow",
            "url": "https://flow.mxshell.dev/",
            "description": "Create Sankey diagrams for budgets, profit and loss, and job searches. Edit live. Export PNG, SVG or JSON. Free and private in your browser. No account needed.",
            "applicationCategory": "BusinessApplication",
            "operatingSystem": "Any",
            "browserRequirements": "Requires JavaScript and a modern web browser.",
            "isAccessibleForFree": true,
            "offers": {
              "@type": "Offer",
              "price": "0",
              "priceCurrency": "USD"
            },
            "featureList": [
              "Interactive Sankey diagram editor",
              "Personal budget, profit and loss, and job search examples",
              "Live diagram updates",
              "Local browser storage without an account",
              "PNG and SVG image export",
              "JSON diagram import and export"
            ],
            "image": "https://flow.mxshell.dev/social-preview.png",
            "inLanguage": "en"
          }
        ]
      }
    </script>
  </head>
  <body>
    <div id="root"><!--app-html--></div>
    <noscript><p class="noscript-notice">Enable JavaScript to create and edit diagrams in Flow. Your data stays in your browser.</p></noscript>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>