This is a website that visualizes the dependency relations within Japanese sentences, which I like to call 'The Flow of Japanese'.
Here's a link to a series of blog posts I wrote that explains it. Basically, Japanese has a few quirks in its sentence structure that has some interesting effects. The first is that each part of the sentence always depends on something to its right. The second is that every Japanese sentence ends in a verb/copula. This means that each line of dependencies is by itself a completely valid Japanese sentence.
Put in a Japanese sentence, and either hit the auto-generate button, or manually create the flow by inserting the character | between chunks of the sentence and linking them together using the table provided.
Of course, languages are always evolving and there are always exceptions. The main one would be people taking poetic license on the Japanese sentence structure. Specifically, a thing called 「体言止め」. The way the website is coded and also the dependency parser I used would probably not like it if you put one of those sentences in. Also, the dependency parser is about 90% accurate, so don't put complete trust in it.
npm install
npm run serve
npm run build
npm run test:unit
npm run lint