Monday, September 8, 2008

History of Diagrams

A Diagram is a 2D geometric symbolic representation of information according to some visualization technique. Sometimes, the technique uses a 3D visualization which is then projected onto the 2D surface. The word graph is sometimes used as a synonym for diagram.

The term diagram

Diagram has two meanings in common sense.

  1. A collective term for any visual information device, like the term "illustration" often used as a representative term, to stand for the whole class of technical genres, including graphs and tables.
  2. The specific class of visual display, that show qualitative data with shapes that are connected by lines, arrows, or other visual links.

The term diagram is used in both meanings in science. For example Michael Anderson (1997) stated "diagrams are pictorial, yet abstract, representations of information, and maps, line graphs, bar charts, engineering blueprints, and architects' sketches are all examples of diagrams, whereas photographs and video are not". On the other hand Richard K. Lowe (1993) defined diagrams as "abstract graphic portrayals of the subject matter they represent", and only include the typical visual forms as area diagrams, flow charts, idea diagrams, and PERT charts.

The word "diagram" is often coupled together with the word "chart" as in "charts and diagrams", within the larger conceptual framework of qualitative rather than quantitative displays. Charts can contain both quantitative and qualitative information. The term "charts and diagrams" is specially meant to address one class of genre: the kind that communicates qualitative information.


Diagrams and charts, in contrast to computer graphics, technical illustrations, infographics, maps, and technical drawings, show abstract rather than literal representations of information. In essence diagrams are:

  • visual formatting devices
  • that do not display quantitative data, but rather relationships and abstract information
  • represented by shapes that are connected by lines, arrows, or other visual links.

Diagrams are usually simplified figures, caricatures in a way, intended to convey essential meaning. According to Jan V. White (1984) the characteristics of a good diagram are elegance, clarity, ease, pattern, simplicity, and validity. Elegance for White means that what you are seeing in the diagram is the simplest and most fitting solution to a problem.


Diagrams and charts are very good at showing actions, processes, events and ideas. In addition, for a number of visually inclined people, charts and diagrams also provide a visual method of thinking out ideas. They are devices for persons or groups to use in decision-making. For computer programmers, structured diagrams offer precision, fast development, automated checking, key linkages, and above all, standardization.

Diagrams, according to Lee E. Brasseur (2003), are essentially drawings with text. They consist of basic lines and shapes that convey an idea. The broad category of drawings in a larger sense can include very realistic portrayals of life or objects, but diagrams are a kind of drawing that tend to show a basic abstract structure rather than a more highly contextualized or detailed view. They can be thought of as providing something akin to the essence of a situation or an idea.


The earliest seeds of visualization, according to Michael Friendly (2008), arose in geometric diagrams, in tables of the positions of stars and other celestial bodies, and in the making of maps to aid in navigation and exploration. They origin from prehistoric times, and had there own appearances in every early civilisation. By the 16th century, techniques and instruments for precise observation and measurement of physical quantities were well-developed— the beginnings of the husbandry of visualization. The 17th century saw great new growth in theory and the dawn of practice, such as the rise of analytic geometry, theories of errors of measurement, the birth of probability theory, and the beginnings of demographic statistics and political arithmetic.

Over the 18th and 19th centuries, numbers pertaining to people, and social, moral, medical, and economic statistics began to be gathered in large and periodic series. Moreover, the usefulness of these bodies of data for planning, for governmental response, and as a subject worth of study in its own right, began to be recognized. This was accompanied by a rise in visual thinking. Diagrams were used to illustrate mathematical proofs and functions, nomograms were developed to aid calculations, various graphic forms were invented to make the properties of empirical numbers. Their trends, tendencies, and distributions were more easily communicated, or accessible to visual inspection. As well, the close relation of the numbers of the state. The origin of the word statistics and its geography gave rise to the visual representation of such data on maps, now called thematic cartography

Main diagram types

There are at least the following types of diagrams:

  • Graph-based diagrams: these take a collection of items and relationships between them, and express them by giving each item a 2D position, while the relationships are expressed as connections between the items or overlaps between the items; examples of such techniques:See
    • tree diagram
    • network diagram
    • flowchart
    • Euler diagram, Venn diagram, existential graph
    • Maps (when stylized, e.g. the map of the London underground)
  • Chart-like diagram techniques, which display a relationship between two variables that take either discrete or a continuous ranges of values; examples:
    • histogram, bar chart
    • pie chart
    • function graph
    • scatter plot
    • table / matrix
  • Other types of diagrams, e.g.
    • exploded view

Specific diagram types


  • Activity diagram used in UML and SysML


  • Bachman diagram
  • Booch – used in software engineering
  • Block diagram
  • Block Definition Diagram (BDD) used in SysML
  • Bubble Map - used in education
  • Business & IT Diagram (B&IT) - used in business and IT modelling


  • Carnot cycle graph
  • Cartogram
  • Category theory diagrams
  • Cause-and-effect diagram
  • Circuit diagram
  • Class diagram – from UML
  • Collaboration diagram – from UML 1.x
  • Communication diagram – from UML 2.0
  • Commutative diagram
  • Component diagram – from UML
  • Composite structure diagram – from UML
  • Concept map
  • Constellation diagram
  • Context diagram
  • Contour diagram
  • Cross-functional flowchart


  • Database model diagram
  • Data flow diagram
  • Data structure diagram
  • Dependency diagram
  • Deployment diagram – from UML
  • Dot and cross diagram
  • Double bubble map - used in education

List of modeling languages


  • Entity-Relationship diagram (ERD)
  • Event-driven process chain
  • Euler diagram
  • Express-G
  • Extended Functional Flow Block Diagram (EFFBD)


  • Family tree
  • Feynman diagram
  • Fusion diagram
  • Free body diagram


  • Gantt chart – shows the timing of tasks or activities (used in project management)
  • Grotrian diagram


  • Hasse diagram
  • HIPO diagram


  • Internal Block Diagram (IBD) used in SysML
  • IDEF0
  • IDEF1 (entity relations)
  • Interaction Overview diagram – from UML
  • Ishikawa diagram


  • Jackson diagram
  • Johnston diagram


  • Karnaugh map
  • Kinematic diagram


  • Line of balance


  • Martin ERD
  • Mind map – used for learning, brainstorming, memory, visual thinking and problem solving


  • N2
  • Nassi-Shneiderman diagram or structogram – a representation for structured programming
  • Nomogram


  • Object diagram – from UML


  • Package diagram from UML and SysML
  • Parametric diagram from SysML
  • PERT
  • Petri net – shows the structure of a distributed system as a directed bipartite graph with annotations
  • Piping and instrumentation diagram (P&ID)
  • Phase diagram
  • Plant Diagram
  • Pourbaix diagram
  • Process Flow diagram or PFD – used in chemical engineering
  • Program Structure diagram


  • Radial Diagram
  • Requirement Diagram Used in SysML
  • Rich Picture


  • Sankey diagram - represents material, energy or cost flows with quantity proportional arrows in a process network.
  • Sentence diagram -- represents the grammatical structure of a natural language sentence.
  • Sequence diagram from UML and SysML
  • SDL/GR diagram – Specification and Description Language. SDL is a formal language used in computer science.
  • Shlaer-Mellor – used in software engineering
  • Smith chart
  • Spider chart
  • Spray diagram
  • SSADM – Structured Systems Analysis and Design Methodology (used in software engineering)
  • State diagram from UML and SysML
  • Swim lane
  • System context diagram
  • System structure
  • Systematic layout planning


  • Timing diagram
  • TQM diagram


  • UML diagram – Unified Modeling Language (used in software engineering)
  • Use case diagram – from UML and SysML


  • Value Stream Mapping
  • Venn diagram
  • Voronoi diagram


  • Warnier-Orr


  • Yourdon-Coad – see Edward Yourdon, used in software engineering

And there are some more diagrams like

1) Affinity diagrams

2) Interrelationship digraphs

3) Tree diagrams

4) Prioritization matrices

5) Matrix diagrams

6) Process Decision Program (PDPC) Charts, and

7) Activity Network Diagrams.

Have we ever thought that there are these many types of diagrams! Right most of us may not know this, but it is true that we have many kinds of diagrams. It’s really interesting .

And Friends please try to improve this content by addoing your valuable comments to it. You are most welcome.

No comments: