CSS bar graphs

By maohao

Examples

  • “<table>” is rendered row by row(“<td>”) top to bottom;
  • Inside “<tr>” you can nest “<th>” or “<td>”;
  • “<td>” and “<th>” don’t need to have close tags;
  • Nested table must be inside a “<td>” node;
  • “<table>” tries to equalize widths of all cells(“<td>”) of the same column.
    The 2nd table in the preceding examples uses a nested table to create variant widths.

Vertical bar graphs using css

Real world bar graphs (with some CSS)

Leave a Reply