Changeset 190901 in webkit


Ignore:
Timestamp:
Oct 12, 2015 4:20:24 PM (9 years ago)
Author:
jonlee@apple.com
Message:

Update graph styles for legibility.
​https://bugs.webkit.org/show_bug.cgi?id=150052
<rdar://problem/23078503>

Reviewed by Dean Jackson.

  • Animometer/runner/resources/animometer.css: Update colors and

stroke thicknesses to make the graphs easier to read.
(.smaple-time): Correct to .sample-time

  • Animometer/runner/resources/graph.js:

(graph): Ditto.

Location:
trunk/PerformanceTests
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • trunk/PerformanceTests/Animometer/runner/resources/animometer.css

    r190526 r190901  
    187187.axis line {
    188188  fill: none;
    189   stroke: rgb(235, 235, 235);
     189  stroke: #999;
    190190  shape-rendering: crispEdges;
    191191}
    … …  
    193193.left-samples {
    194194  fill: none;
    195   stroke: steelblue;
     195  stroke: #7ADD49;
    196196  stroke-width: 1.5px;
    197197}
    … …  
    199199.right-samples {
    200200    fill: none;
    201     stroke: red;
     201    stroke: #FA4925;
    202202    stroke-width: 1.5px;
    203203}
    204204
    205 .smaple-time {
    206     fill: none;
    207     stroke: green;
    208     stroke-width: 1.5px;
     205.sample-time {
     206    fill: none;
     207    stroke: #5493D6;
     208    stroke-width: 1px;
    209209}
    210210
    211211.left-mean {
    212212    fill: none;
    213     stroke: yellow;
    214     stroke-width: 1.5px;
     213    stroke: #7ADD49;
     214    stroke-width: 1px;
     215    opacity: .8;
    215216}
    216217
    217218.right-mean {
    218219    fill: none;
    219     stroke: magenta;
    220     stroke-width: 1.5px;
    221 }
     220    stroke: #FA4925;
     221    stroke-width: 1px;
     222    opacity: .8;
     223}

  • trunk/PerformanceTests/Animometer/runner/resources/graph.js

    r190526 r190901  
    7777    svg.append("g")
    7878        .attr("class", "y axis")
    79         .attr("fill", "steelblue")
     79        .attr("fill", "#7ADD49")
    8080        .call(yAxisLeft)
    8181        .append("text")
    … …  
    8383            .attr("transform", "rotate(-90)")
    8484            .attr("y", 6)
    85             .attr("fill", "steelblue")
     85            .attr("fill", "#7ADD49")
    8686            .attr("dy", ".71em")
    8787            .style("text-anchor", "end")
    … …  
    9191    svg.append("g")
    9292        .attr("class", "y axis")
    93         .attr("fill", "red")
     93        .attr("fill", "#FA4925")
    9494        .attr("transform", "translate(" + size.width + ", 0)")
    9595        .call(yAxisRight)
    … …  
    9898            .attr("transform", "rotate(-90)")
    9999            .attr("y", 6)
    100             .attr("fill", "red")
     100            .attr("fill", "#FA4925")
    101101            .attr("dy", ".71em")
    102102            .style("text-anchor", "end")
    … …  
    125125        .attr("y1", yLeft(0))
    126126        .attr("y2", yLeft(yAxisLeft.scale().domain()[1]))
    127         .attr("class", "smaple-time");
     127        .attr("class", "sample-time");
    128128
    129129    // left-samples

  • trunk/PerformanceTests/ChangeLog

    r190897 r190901  
     12015-10-12  Jon Lee  <jonlee@apple.com>
     2
     3        Update graph styles for legibility.
     4        https://bugs.webkit.org/show_bug.cgi?id=150052
     5        <rdar://problem/23078503>
     6
     7        Reviewed by Dean Jackson.
     8
     9        * Animometer/runner/resources/animometer.css: Update colors and
     10        stroke thicknesses to make the graphs easier to read.
     11        (.smaple-time): Correct to .sample-time
     12        * Animometer/runner/resources/graph.js:
     13        (graph): Ditto.
     14
    1152015-10-12  Filip Pizlo  <fpizlo@apple.com>
    216
Note: See TracChangeset for help on using the changeset viewer.