Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Poll - next diagram type addition #177

Closed
knsv opened this issue Jun 20, 2015 · 203 comments
Closed

Poll - next diagram type addition #177

knsv opened this issue Jun 20, 2015 · 203 comments
Labels
Type: Other Not an enhancement or a bug

Comments

@knsv
Copy link
Collaborator

knsv commented Jun 20, 2015

What additional digram type is should be added to mermaid?

  • PlantUML - usecase diagram
  • PlantUML - component diagram
  • PlantUML - object diagram
  • Improved dot support
  • other?
@knsv knsv added the Type: Other Not an enhancement or a bug label Jun 20, 2015
@nielsoledam
Copy link

BPMN 2.0 diagrams

This was referenced Jun 21, 2015
@icylace
Copy link

icylace commented Jul 7, 2015

My choices in order of preference:

  1. class diagram
  2. state diagram

@bastiao
Copy link

bastiao commented Jul 7, 2015

+1

@Gaoura
Copy link

Gaoura commented Sep 10, 2015

ERD then class diagram :3

@knsv
Copy link
Collaborator Author

knsv commented Sep 11, 2015

Thanks for your vote!
tors 10 sep 2015 kl. 21:02 skrev Gaoura [email protected]:

ERD then class diagram :3


Reply to this email directly or view it on GitHub
#177 (comment).

@knsv
Copy link
Collaborator Author

knsv commented Sep 26, 2015

Seems like class diagrams are at the top but will wait for some more votes.

@jackycute
Copy link

I would prefer class diagram and use case diagram.

@YueLinHo
Copy link

want class diagram

@paolofulgoni
Copy link

class diagram

@HustLion
Copy link
Contributor

Hope there can be class diagram.

There's PlantUML supporting various types of diagrams, but it's not so elegant as mermaid is. Hope the source code of PlantUML would help the development.

@knsv
Copy link
Collaborator Author

knsv commented Jul 20, 2016

Work with class diagrams came quite far actually before I had to decrease work spent with mermaid. Mermaid uses the syntax from PlantUML. The diagram below actually renders. The remaining thing is to finalize the positioning of the labels. The positioning can be considered beta and fails sometimes. Also remaining is to document the usage of this. An example is available in the repository mermaid/test/examples/classDiagram.html

    classDiagram
      Class01 <|-- AveryLongClass : Cool
      Class03 *-- Class04
      Class05 o-- Class06
      Class07 .. Class08
      Class09 --> C2 : Where am i?
      Class09 --* C3
      Class09 --|> Class07
      Class07 : equals()
      Class07 : Object[] elementData
      Class01 : size()
      Class01 : int chimp
      Class01 : int gorilla
      Class08 <--> C2: Cool label

@HustLion
Copy link
Contributor

Hmm, wanna give a try about documenting the class diagram and hopefully solve the positioning issue. Maybe assign this to me? No guarantee but I will try my best. @knsv

@knsv
Copy link
Collaborator Author

knsv commented Jul 23, 2016

@HustLion I welcome your assistance! Will assign it to you. Let me know if you have questions and I'll do my best to answer. 😀

@HustLion
Copy link
Contributor

😄 yay

@ciekawy
Copy link
Contributor

ciekawy commented Jul 25, 2016

@knsv the work you've mentioned as for the class diagrams - is there some branch available to look at?

@HustLion
Copy link
Contributor

In the master branch, have a look at ./test/examples/classDiagram.html @ciekawy

@vladsanchez
Copy link

I'm a (old school) database developer and I want to contribute with Data Flow Diagrams, but I don't know where/how to start.

DFDs, along with ERDs, are my preferred modeling tools. They're easy to read and much welcomed by any audience. I'll appreciate your direction.

References:

@stansidel
Copy link

@knsv Are there any plans on making a release with class diagrams available? It looks pretty well in the example.

@knsv
Copy link
Collaborator Author

knsv commented Jan 29, 2017

It is time. I am releasing it now. :)

@chanjohnathan
Copy link

Is ERD in the works? I would love Chen notation to quickly map out entity relationships.

@danyeaw
Copy link

danyeaw commented Apr 13, 2017

I would like to see activity diagrams. I think this would be useful for UML, SysML (what I'm most interested in), and BPMN (with some small modifications). I'll start working on this.

@alinex
Copy link

alinex commented Apr 13, 2017

+1 for ERD and activity diagram

@ghost
Copy link

ghost commented Nov 18, 2017

Venn Diagrams.

@ivansabik
Copy link

Just using Hugo and the DockDock theme for building our documentation. This theme integrates nicely with mermaid and from our real needs I would vote in the following order:

  1. Class diagram
  2. Usecase diagram
  3. ERD

Loving mermaid 👩 🐟

@rasmusmk
Copy link

rasmusmk commented Jan 9, 2018

Would like class diagrams.
What is the status of class diagram. Can see are still experimental, but for how longer

@endolith
Copy link
Contributor

https://arxiv.org/ftp/arxiv/papers/1909/1909.01138.pdf#page=9 talks about how to generate loop diagrams automatically from network descriptions.

https://graphviz.org/docs/layouts/neato/ "attempts to minimize a global energy function"

@brunolnetto
Copy link

brunolnetto commented Feb 11, 2023

It seems a (claimed) NP problem (I hope, it is not)

  1. Define a graph;
  2. Find strongly connected components;
  3. Place nodes initially anywhere reasonable;
  4. Find condiguration(s) that mitigate(s) crossing-edge set cardinality.

It is certainly a hot topic. I am afraid of fire sometimes.

@carterchannui
Copy link

carterchannui commented Feb 12, 2023

Support for graph theory diagrams would be great.

@brunolnetto
Copy link

brunolnetto commented Feb 12, 2023

@carterchannui there are two things: graph theory and graph diagrams. They are related by word "graph", but you must be a bit clearer than that to make it through. By the way, graph diagrams are already available in Mermaid:

https://ckeditor.com/blog/basic-overview-of-creating-flowcharts-using-mermaid/

@laercio-barbosa
Copy link

Hey guys, have you already voted for Stack Diagram in the pool here?

It is the chance to see this in Mermaid roadmap!

@elzup
@RemiBajart1
@a-h
@danilosampaio
@SamuelMarks
@pbhogale
@rsbh
@chenweigao
@badetitou
@ufukty
@gr4viton

@ObiWanLansi
Copy link

Just a simple bar chart like the pie chart:

bar title Pets adopted by volunteers
    "Dogs" : 386
    "Cats" : 85
    "Rats" : 15

@carterchannui
Copy link

@carterchannui there are two things: graph theory and graph diagrams. They are related by word "graph", but you must be a bit clearer than that to make it through. By the way, graph diagrams are already available in Mermaid:

https://ckeditor.com/blog/basic-overview-of-creating-flowcharts-using-mermaid/

All things pertaining to graph theory: digraphs, undirected graphs, etc. I find it difficult to work with graph theory with mermaid since displaying the graphs strays away from the traditional representation as seen here.

Examples:

image

image

@rojares
Copy link

rojares commented Feb 14, 2023

@brunolnetto Can you add railroad diagram to your poll?
It was suggested also here:
#2745
It could be forked from gitGraph and slightly modified so it would not be a very big task.

@brunolnetto
Copy link

@rojares done

@rojares
Copy link

rojares commented Feb 14, 2023

I am a little confused why ERD is in the poll because it seems to me that Mermaid already supports it.
https://mermaid.js.org/syntax/entityRelationshipDiagram.html

@brunolnetto
Copy link

Someone told it would be a great idea. I copied it mindlessly like a machine. It can't be removed. :-/

@AartBluestoke
Copy link

i would like something where i do things a bit more grid like; those are to the left of this, that is below this. at the moment we can onyl provide a global layout hint, but eg: 2 coulumns of things with arrows connecting them can not be represented, as the top-most arrow will want to point down and push one of the columns downwards.

@sashank
Copy link

sashank commented Mar 13, 2023

I would like to see sankey charts https://sankeymatic.com/i/financial-results-example-400x200.png

@brunolnetto
Copy link

Sankey diagram is on the poll here. Have you voted already?

@jgreywolf jgreywolf unpinned this issue Mar 16, 2023
@koppor
Copy link
Contributor

koppor commented Mar 22, 2023

I took the liberty to open the pool on URL below.

Nice. I think, BPMN 2.0 is missing. It was mentioned here and at #2623.

@brunolnetto
Copy link

@koppor Done! I missed it as well. As you know, innovation requires to think out of the box. ;-P

@bric3
Copy link

bric3 commented Mar 29, 2023

@brunolnetto Would it be possible to add marble diagrams to the poll ?

Someone already mentioned it : #177 (comment)

@brunolnetto
Copy link

@bric3 done

@Diluka
Copy link

Diluka commented Apr 14, 2023

mindmap relation line

a line between two different subtree nodes

@RodriguezLucha
Copy link

How about adding a simple HTML table? Something with just basic rows and columns.

@tobei
Copy link

tobei commented May 25, 2023

I took the liberty to open the pool on URL below.

Nice. I think, BPMN 2.0 is missing. It was mentioned here and at #2623.

When going back to the top of this thread, BPMN 2.0 is the clear winner with 60+ upvotes so I hope it gets picked up ;) I looked at how Kroki.io does it and the result looks fantastic, I would love to be able to make code as diagram for BPMN in my Obsidian notebook thanks to Mermaid!

@nirname
Copy link
Contributor

nirname commented Jul 10, 2023

I would simply took inspiration there:
https://datavizcatalogue.com/
https://datavizproject.com/
https://100.datavizproject.com/

I would love to see those:

@Yokozuna59
Copy link
Member

  • bar chart

This is being developed in #4413

@jgreywolf
Copy link
Contributor

Closing this in favor of:

  • filter by New Diagram label
  • I am looking for a better way to highlight diagram requests

@pklapperich
Copy link

Venn Diagrams.

This

But more specifically, Euler diagrams. All Venn Diagrams are Euler diagrams, but Euler are more flexible. In a Venn, all possible unions must be represented, even if they result in the empty set. In an Euler, only shared sets need to be represented by an overlap. I think Euler would be easier to render as you could have 4 or 5 categories but you don't need to render A ∪ B ∪ C ∪ D ∪ E if there's no items there. You don't need to render A∪E if there's no items there.
image

image
(made at eulerr.co)

@nirname
Copy link
Contributor

nirname commented Sep 21, 2023

@pklapperich please refer to

@abitrolly
Copy link
Contributor

Closing this in favor of:

* filter by New Diagram label

Type: New Diagram

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Other Not an enhancement or a bug
Projects
None yet
Development

No branches or pull requests