Skip to content

Instantly share code, notes, and snippets.

@tmcw

tmcw/data.csv

Forked from anonymous/data.csv
Created September 1, 2015 15:44
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save tmcw/b28768df2a8943d2c552 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save tmcw/b28768df2a8943d2c552 to your computer and use it in GitHub Desktop.
Download ZIP
/dev/chartpipe
Raw
data.csv
o size
clipper.o 99285
csscolorparser.o 15870
sprite_image.o 1249
sprite_parser.o 30229
sprite_store.o 5905
circle_buffer.o 587
collision_box_buffer.o 675
debug_font_buffer.o 5583
elements_buffer.o 864
fill_buffer.o 480
glyph_atlas.o 9818
icon_buffer.o 793
line_atlas.o 3839
line_buffer.o 681
sprite_atlas.o 9462
static_vertex_buffer.o 836
text_buffer.o 782
vao.o 7932
debugging.o 6619
annotation.o 73048
camera.o 0
geometry_tile.o 22921
live_tile.o 14963
live_tile_data.o 8124
map.o 100274
map_context.o 43405
map_data.o 4460
raster_tile_data.o 17229
source.o 62589
sprite.o 15523
tile.o 0
tile_cache.o 4448
tile_data.o 1476
tile_id.o 5014
tile_worker.o 29721
transform.o 24228
transform_state.o 8564
vector_tile.o 22138
vector_tile_data.o 21637
view.o 411
gl.o 4386
log.o 9204
circle_bucket.o 4362
debug_bucket.o 1907
fill_bucket.o 11369
frame_history.o 5311
gl_config.o 62
line_bucket.o 13064
painter.o 17818
painter_circle.o 901
painter_clipping.o 1255
painter_debug.o 1551
painter_fill.o 3563
painter_line.o 4850
painter_raster.o 1755
painter_symbol.o 8236
raster_bucket.o 1937
symbol_bucket.o 76064
box_shader.o 828
circle_shader.o 839
dot_shader.o 707
icon_shader.o 1322
line_shader.o 1058
linepattern_shader.o 1307
linesdf_shader.o 1252
outline_shader.o 670
pattern_shader.o 1068
plain_shader.o 872
raster_shader.o 934
sdf_shader.o 1992
shader.o 4573
uniform.o 834
default_file_source.o 27651
http_context_base.o 6185
network_status.o 2861
request.o 5184
applied_class_properties.o 11929
class_dictionary.o 6479
class_properties.o 164
filter_expression.o 40170
function_properties.o 12851
piecewisefunction_properties.o 6092
property_fallback.o 18048
style.o 29821
style_layer.o 24136
style_layout.o 1396
style_parser.o 135929
style_properties.o 2914
types.o 0
value.o 9739
check_max_angle.o 5678
collision_feature.o 3467
collision_tile.o 24177
font_stack.o 6583
get_anchors.o 2701
glyph.o 157
glyph_pbf.o 24133
glyph_store.o 14949
quads.o 7581
shaping.o 205
clip_id.o 5181
clip_lines.o 3010
compression.o 2000
constants.o 58
geo.o 1554
geojsonvt.o 50849
geojsonvt_clip.o 21753
geojsonvt_convert.o 27804
geojsonvt_simplify.o 6866
geojsonvt_tile.o 13748
gl_object_store.o 1069
io.o 14053
mapbox.o 10037
mat2.o 490
mat3.o 806
mat4.o 4672
math.o 259
merge_lines.o 8126
raster.o 1954
run_loop.o 15767
scaling.o 2411
stopwatch.o 3474
texture_pool.o 2664
thread_context.o 1312
tile_cover.o 6976
time.o 563
transition.o 1832
url.o 7403
uv.o 3957
vec4.o 347
version_info.o 47
work_queue.o 15838
work_request.o 668
work_task.o 0
worker.o 76248
bucketalloc.o 793
dict.o 854
geom.o 2687
mesh.o 4854
priorityq.o 4568
sweep.o 8893
tess.o 7661
parsedate.o 4457
shaders_gl.o 0
shaders_gles2.o 18795
log_nslog.o 566
string_nsstring.o 1062
application_root.o 758
asset_root.o 1351
image.o 1499
nsthread.o 312
reachability.o 10008
MGLMapboxEvents.o 51731
MGLMapCamera.o 6712
MGLMapView.o 189300
MGLFileCache.o 7703
MGLAccountManager.o 4021
MGLUserLocation.o 6292
MGLUserLocationAnnotationView.o 14895
MGLTypes.o 63
MGLGeometry.o 24
MGLMultiPoint.o 3409
MGLPointAnnotation.o 727
MGLPolyline.o 2858
MGLPolygon.o 2856
MGLShape.o 3444
MGLAnnotationImage.o 2026
SMCalloutView.o 50476
asset_request_fs.o 9129
sqlite_cache.o 42438
sqlite3.o 6565
http_request_nsurl.o 21292
async.o 13782
core.o 24297
dl.o 2394
error.o 3787
fs.o 37636
getaddrinfo.o 13722
loop.o 11094
pipe.o 17237
poll.o 12780
process.o 23270
signal.o 27712
stream.o 48516
tcp.o 21684
thread.o 12781
threadpool.o 16922
timer.o 19415
tty.o 17795
udp.o 30400
inet.o 9623
version.o 1024
darwin.o 24613
kqueue.o 20945
fsevents.o 9479
proctitle.o 4720
Raw
index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.bar {
fill: steelblue;
}
.x.axis path {
display: none;
}
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var margin = {top: 20, right: 20, bottom: 30, left: 40},
width = 3000 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
var x0 = d3.scale.ordinal()
.rangeRoundBands([0, width], .1);
var x1 = d3.scale.ordinal();
var y = d3.scale.linear()
.range([height, 0]);
var color = d3.scale.ordinal()
.range(["#98abc5", "#8a89a6", "#7b6888", "#6b486b", "#a05d56", "#d0743c", "#ff8c00"]);
var xAxis = d3.svg.axis()
.scale(x0)
.orient("bottom");
var yAxis = d3.svg.axis()
.scale(y)
.orient("left")
.tickFormat(d3.format(".2s"));
var svg = d3.select("body").append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
d3.csv("data.csv", function(error, data) {
var typeNames = d3.keys(data[0]).slice(1);
var typeField = d3.keys(data[0])[0];
data.forEach(function(d) {
d.ages = typeNames.map(function(name) { return {name: name, value: +d[name]}; });
});
x0.domain(data.map(function(d) { return d[typeField]; }));
x1.domain(typeNames).rangeRoundBands([0, x0.rangeBand()]);
y.domain([0, d3.max(data, function(d) { return d3.max(d.ages, function(d) { return d.value; }); })]);
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis);
svg.append("g")
.attr("class", "y axis")
.call(yAxis);
var state = svg.selectAll(".state")
.data(data)
.enter().append("g")
.attr("class", "g")
.attr("transform", function(d) { return "translate(" + x0(d[typeField]) + ",0)"; });
state.selectAll("rect")
.data(function(d) { return d.ages; })
.enter().append("rect")
.attr("width", x1.rangeBand())
.attr("x", function(d) { return x1(d.name); })
.attr("y", function(d) { return y(d.value); })
.attr("height", function(d) { return height - y(d.value); })
.style("fill", function(d) { return color(d.name); });
var legend = svg.selectAll(".legend")
.data(typeNames.slice().reverse())
.enter().append("g")
.attr("class", "legend")
.attr("transform", function(d, i) { return "translate(0," + i * 20 + ")"; });
legend.append("rect")
.attr("x", width - 18)
.attr("width", 18)
.attr("height", 18)
.style("fill", color);
legend.append("text")
.attr("x", width - 24)
.attr("y", 9)
.attr("dy", ".35em")
.style("text-anchor", "end")
.text(function(d) { return d; });
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment