graphs, figures, and tables. visual presentation well-chosen illustrations breathe life into a...

34
Graphs, figures, and tables

Upload: jayson-bates

Post on 16-Jan-2016

224 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Graphs, figures, and tables

Page 2: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

visual presentation

• Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to browse and highlighting the central results and ideas.

• A typical figure is of visual matter such as a graph or diagram

• or of textual matter such as a table, algorithm, or, less commonly, complex mathematics.

• Some information is best presented in a pictorial form, such as a graph or figure, to show trends and relationships.

Page 3: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Graphs

• Graphs are usually the best way to present numerical result

• Don't flood your paper with statistics, even in graphical form avoid repetition; each graph should convey interesting new information.

Page 4: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Graphs

• Graphs should be simple• The horizontal or x-axis should be used for the

parameter being varied, or the input• the vertical or y-axis is for the function of the

parameter, or the output. • Plotted lines of discrete data should always

have points marked by distinctive marks such as circles, boxes, or triangles.

Page 5: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Distinguishing lines

• Consider using greys and line thickness rather than dots and dashes to distinguish between lines.

• If you use shades of grey to distinguish different elements in the graph, ensure that the shades are sufficiently distinct;

• lines in lighter grey sometimes need to be a little thicker than other lines.

• Only use color in a write-up if color printing is used to produce the final version.

Page 6: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Minimize use of unnecessary elements • Are the secondary ticks on the axes useful? If not, discard

them.• Is a legend necessary? If not, remove it, and label the lines

directly.• Do the captions have to be in a large font? If not, diminish

them.• Gridlines and boxing are other forms of unnecessary

ornamentation.• Secondary marks, such as axis ticks, should be a little lighter

than the other elements. • The lines and other elements should be of similar weight

Page 7: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Poor use has been made of the vertical space available, and the legend is awkwardly placed. Fonts and size are changed unnecessarily, and are inconsistent with the main text.

the vertical scaling and fonts havebeen corrected, but unnecessary ornamentation has been introduced. The grid lines and heavy border now greatly outweigh the data being presented.

Success rate as the number of inspected items is increased. It is clear that blending is not effective.

Page 8: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Vertical scale is now completely corrected, and unnecessary tick marks have been removed.

The data lines are stronger and

the legend has been replaced with direct labelling.

Line ticks have been introduced

to reflect the fact that the data is discrete, that is, non-integer value are not meaningful.

Page 9: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Size and space wastage as a function of average list length

Page 10: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Choice of axis scaling

Logarithmic scaling on the x-axis

Evaluation time (in milliseconds) for bulk insertion methods as threshold is varied.

Page 11: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

A table compared to a graph

The data shows how two methods compare over seven experiments. The graph is a better choice for this data because the pattern is more obvious.

Page 12: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

shows an approach to comparing distributionsacross a set of related statisticsAverage score in each category. There were 75 responses overall.The proportion of responses in each category, for the possible scores of - 3,- 2, -1, 0, 1, 2, and 3, is shown as a vertical histogram. The solid bar is themean in each case.

error bars to show range and scale.Range of scores with each method, at each depth. The principlemark in each range is the average score. As can be seen, each method returnsresults within a reasonably narrow band, but they are surprisingly differentfrom each other. Combination is highly effective in this case.

Page 13: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

table compared to a graph

Tradeoff of space against time for methods A through G. The boxedarea ω the right and above each point is of unacceptable performance: anymethod in that area will be less efficient with respect ω both space and timethan the point at the box's corner.

Page 14: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Software packages for drawing graphs

• Placing of several lines on one graph.• A range of symbols (such as crosses, squares, and triangles) for marking points.• The ability to create custom symbols of custom size for marking points.• Optional connection of points with solid, dotted, or dashed lines, and optional

omission of the point marks.• The ability to place text at specified places in the graph.• Multiple font sizes and line thicknesses.• Availability of greys and colours.• Optional logarithmic or exponentia1 scaling on both axes.• Axis editing, to specify where the ticks are placed, how many digits of precision

to use, and what range to cover.• The ability to move and rotate the legend or key, line labels, axis labels, andthe graph label.• The ability to apply simple functions or extemal programs to (x,y) va1ues.

Page 15: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Visualization of results• Apply statistics• To use visualization

Page 16: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

This graph illustrates that the number of events declines with increasing depth, but inconsistent1y; the long-term trend is unclear

shows the same events, without the jaggedline. It instead shows, as a solid line, a linear regression on log( depth) and log(events)

The number of events observed at each depth

Page 17: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

A fit based on the first 50 or 20 points is highly consistent with a fit based on all of the points.

The number of events observed at each depth; depths 1 and 2 have been omitted for reasons of scale. The first solid line shows a best-fit all 100 points. The other lines show a fit based on the first 50 and 20 points respectively.

Ten-fold magnification of the right-hand side of the left figure Even atthis resolution, the fit based on 50 points is extremely close to the fit based on 100 points.

Page 18: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

The ability of each system to respond to an event, for each of 50 events.

The events have been sorted on the score allocated to System 1,demonstrating that in most cases it has outperformed System 2.

The simple action of sorting the points according to scoreachieved by one of the systems shows how the performance of the systemscompares. Even though System 2 is occasionally superior, the lower graphclearly shows that System 1 is better in most cases.

Page 19: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

CorrelationFor each query on the FINNEGAN data, original effectiveness versus improvement.

Average improvement against original data. Each triangle is the average over a range 0.05.Thus, for example, the average improvement for queries with effectiveness in the range 0.20 to 0.25 is 0.166.

Page 20: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Diagrams

• illustrate processes or architectures• explain data structures and algorithms• present relationships• show examples of interfaces.

Page 21: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Diagrams

• A diagram should not be too dark; keep it as open as possible. This is best achieved by eliminating all clutter.

• A diagram does not have to be too faithful to every detail of the concept being illustrated

• Use meaningful labels, which should be displayed horizontally, and make the

• point size and font of the labels similar to that of the other text.

Page 22: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Revised network, incorporating .firewαII and hub with hosts andworkstations on separate cables.

Shading and dashing in diagrams

Page 23: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Shading and dashing in diagrams Tree data structure, showing internal nodes

in memory and external leaveson disk; omitted nodes are indicated by dotted lines. Nodes allow

fast search and contain only keys and pointers. Leaves use compact storageand contain the records.

Page 24: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

System architecture, showing the relationship between the majorcomponents. Each component is an independent process. Note the lack of a

single interface to the file system.

Too much clutter. A carefully constructed figure, but flawed. The font is toosmall and the lines are too light. The overall structure (the division into four major components) is probably the most interesting feature, but other details aremore highly emphasized. Some of the internal detail should be omitted. The arrows add little information, and should point both ways, because informationflows out as well as in.

Page 25: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

System architecture, showing the relationship between the majorcomponents. Each component is an independent process. Note the lack of a

single interface with the file system.

Clutter simplified. The overall structureis more prominent, while some minor features have been discarded andthe unnecessary inner boxes have been removed.

Page 26: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

DisorganizationThe QUIRK system for matching written queries ωith speech. Eachinput document is translated into a string of phonemes and then stored. Queries are also translated into phonemes, which can be matched to the documents.

The elements are inconsistent;data is in both ovals and boxes, and some lines represent data flowwhile one represents a transformation. The arrowheads touch other lines, creating messy intersections. There is unnecessary material such as the auxiliary databases (write-only) and the user.

Page 27: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Clarification

The parallels betweendocument processing and query processing are emphasized, and the unnecessarymaterial has been removed. The two-headed arrow is replaced by two arrows, to show that data is exchanged.

Page 28: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Two versions of a table

Statistics of text collections used in experiments

Tables should be open and uncluttered, with ample white space. Don't have too many horizontal or vertical rules. In particular, there is no need to have a rule between every row or column.

Using tables to show function values at different points is usually not agood idea because graphs serve this purpose well; a possible exception is whena function only has two or three values, in which case a graph would be too simpleor sparse to be of interest.

Page 29: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Table with a deep hierarchy

Impact on performance (processing time and effctiveness) ofvarying each of the three parameters in turn, for both data sets. Default parametervalues are shown in parentheses. Note that p =100,000 is not meaningfulfor the data set SINGLE.

Page 30: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Jumbled table vs Simplified Table

Columns have been crammed together and are hard to understand.The numbers don't line up vertically. The percentage column is mysterious,since it doesn't total to 100. It seems unlikely that all the detail is interesting;consider in particular the "Index map", "Doc. lens", and "Appr. lens"rows, which could presumably be gathered into a single row with a label suchas "Other" or discarded altogether.

Page 31: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Captions and labels

• It is common in computer science papers for captions to be only a few words

• but is it preferable for captions to fully describe the figure's major elements.

• Since figures and tables should be fairly self-contained, the caption is an appropriate place to explain important details.

Page 32: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Styles of caption

Page 33: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Axes, labels, and headings

• The space constraints on axes, labels, and headings may mean that some terms have to be abbreviated

Page 34: Graphs, figures, and tables. visual presentation Well-chosen illustrations breathe life into a paper, giving the reader interesting visual elements to

Axes, labels, and headings

• X The abbreviations "comp.", "doc.", and "map." stand for "compression","document", and "mapping table" respectively.

• √ The effect of compression on the documents and the mapping table is illustrated in the second and third rows.