2009-10-14T22:41:38Z

6716 TheDesigner 21

22757

[[image: DesignerBodyTab.png | left | 640x448px]] This image shows the Grapherator Designer in use. As shipped, the default Bullet Graph is a rendition of the canonical Bullet Graph in Stephen Few's specification. ===The top panel displays the business data being presented: * the '''Label''' pane contains the Label's lines – ''at this point only two lines are supported, support for more lines is planned''; * the '''Body''' pane contains the quantitative data: ** '''Base''' and '''Limit''' are the lower and upper bounds of the possible business values; ** '''Performance''' and '''Comparison''' are the actual and target values; ** '''Ranges''' are a comma-separated set of values for the Qualitative ranges. ===The middle panel contains the Bullet Graph generated from the business data The geometries and display characteristics—colors, fonts, etc.— are designed to be as close to Few's design spec as possible. Some of them are configurable in the designer. Some others are configurable via properties files. Most of the others will be configurable in the future. It's the intention of the '''Grapherator''' to make standard Bullet Graph creation as easy as possible while providing maximum flexibility to accommodate specific business needs. ===The bottom panel contains a set of tabbed panel which provide access to various Designer features: * '''Body''' lets the user configure the basic '''Body''' geometries via the sliders: * '''[[Templates]] ''' lets the User save designed Bullet Graphs as templates and load existing templates; * '''[[ConsoleRenderingsTab|Renderings]] Renderings''' lets the User determine where and in what format the Bullet Graph images will be rendered to currently supports SVG, PNG and JPEG. * '''[[Console Label Tab|Label]]''' configures the basic '''Label''' geometries (''not implemented yet''); * '''[[Console Geometry Tab|Geometry]]''' will configure more of the geometries (''not implemented yet'');

<?link_for_image DesignerBodyTab.png|left|640x448px?> This image shows the Grapherator Designer in use. As shipped, the default Bullet Graph is a rendition of the canonical Bullet Graph in Stephen Few's specification. <h3><a name='The_top_panel_displays_the_business_data_being_presented:'></a>The top panel displays the business data being presented:</h3> <ul><li> the Label pane contains the Label's lines – at this point only two lines are supported, support for more lines is planned; </li><li> the Body pane contains the quantitative data: <ul><li> Base and Limit are the lower and upper bounds of the possible business values; </li><li> Performance and Comparison are the actual and target values; </li><li> Ranges are a comma-separated set of values for the Qualitative ranges. </li></ul></li></ul><h3><a name='The_middle_panel_contains_the_Bullet_Graph_generated_from_the_business_data'></a>The middle panel contains the Bullet Graph generated from the business data</h3> The geometries and display characteristics—colors, fonts, etc.— are designed to be as close to Few's design spec as possible. Some of them are configurable in the designer. Some others are configurable via properties files. Most of the others will be configurable in the future. It's the intention of the Grapherator to make standard Bullet Graph creation as easy as possible while providing maximum flexibility to accommodate specific business needs. <h3><a name='The_bottom_panel_contains_a_set_of_tabbed_panel_which_provide_access_to_various_Designer_features:'></a>The bottom panel contains a set of tabbed panel which provide access to various Designer features:</h3> <ul><li> Body lets the user configure the basic Body geometries via the sliders: </li><li> <a href='<?url_for_page Templates?>' class='internal'>Templates</a> lets the User save designed Bullet Graphs as templates and load existing templates; </li><li> <a href='<?url_for_page ConsoleRenderingsTab?>' class='internal'>Renderings</a> Renderings lets the User determine where and in what format the Bullet Graph images will be rendered to currently supports SVG, PNG and JPEG. </li><li> <a href='<?url_for_page Console Label Tab?>' class='internal'>Label</a> configures the basic Label geometries (not implemented yet); </li><li> <a href='<?url_for_page Console Geometry Tab?>' class='internal'>Geometry</a> will configure more of the geometries (not implemented yet); </li></ul>

2009-10-21T01:56:12Z

30146