Skip to content

Instantly share code, notes, and snippets.

@jonsadka
Last active March 16, 2018 14:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jonsadka/f78367c32532a9e1f51aa2248247c6f4 to your computer and use it in GitHub Desktop.
Save jonsadka/f78367c32532a9e1f51aa2248247c6f4 to your computer and use it in GitHub Desktop.
Team Building Activity Completion Times from Average
license: gpl-3.0
name value
Anh and Brian 9.96
Chris and Giuseppe 3.88
Balthazar and Chris 2.9
Shan and Tim -0.07
Austin and Jerome -0.55
Eric and Jian -3
Daniel and Wesam -13.12
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.bar--positive {
fill: #CEEBC6;
}
.bar--negative {
fill: #D54B56;
}
.axis text {
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
stroke: gray;
shape-rendering: crispEdges;
}
</style>
<body>
<script src="//d3js.org/d3.v3.min.js"></script>
<script>
var margin = {top: 20, right: 30, bottom: 40, left: 30},
width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
var x = d3.scale.linear()
.range([0, width]);
var y = d3.scale.ordinal()
.rangeRoundBands([0, height], 0.1);
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom");
var yAxis = d3.svg.axis()
.scale(y)
.orient("left")
.tickSize(6, 0);
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", type, function(error, data) {
x.domain(d3.extent(data, function(d) { return d.value; })).nice();
y.domain(data.map(function(d) { return d.name; }));
svg.selectAll(".bar")
.data(data)
.enter().append("rect")
.attr("class", function(d) { return "bar bar--" + (d.value < 0 ? "negative" : "positive"); })
.attr("x", function(d) { return x(Math.min(0, d.value)); })
.attr("y", function(d) { return y(d.name); })
.attr("rx", 5)
.attr("ry", 5)
.attr("width", function(d) { return Math.abs(x(d.value) - x(0)); })
.attr("height", y.rangeBand());
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis);
var tickNegative = svg.append("g")
.attr("class", "y axis")
.attr("transform", "translate(" + x(0) + ",0)")
.call(yAxis)
.selectAll(".tick")
.filter(function(d, i) { return data[i].value < 0; });
tickNegative.select("line")
.attr("x2", 6);
tickNegative.select("text")
.attr("x", 9)
.style("text-anchor", "start");
});
function type(d) {
d.value = +d.value;
return d;
}
</script>
�PNG

IHDR��}��^ iCCPicmH��WXS��[R -)�7Az�ދ�t�����T�袂kQ]Qt-�� {]QQ�ł �7I]����;Μs�?�����h��P%��y¨@fBb���l ���"�wdd�2��]�����f)�����*���  q
G�Ά��&[ �������bU!$�,�i2�%�)2l-�����2���� ���g��8
����{��Y�� �����"bӔ���-f�XL+m �r�
ُ'd������ߒ�%�C6j�0(J�3�[ufN�C��q~Jx�*_�q��|7];b���š�� P�a��B k�2ę��#ؖ%��B{4��3�S�9Q#��|~Vx�H�����Q\��G�ڤ��!�+ =R�/㉞��ŅC�q�(3:t��aA�o���P%�l��Ta@��S���Y�Yҹ�!��K� ��b \QB�(��_��p��#�0��|�F|�Y�#�X7+0JVg�(?zԷ3.0Y�G��H� /2F� �A�~� İ���xm� ��l$���.�ьz�KG��
��q�h��G:��P�eL+{Z�T�h��#<�8��=p7< >�`�ŝq�Q?���D�1�@4�����`޿хž ��p���-� ����p��E���ci����B�̙`2��F�K�1�Fmpc�����!�g������x�07����x�۷Z�8��������FX����1���~W#�C�Ėc��� v ;�5&v
k�Z�<�KW��lQRn�0o�ƺֺ���?fg�0J�7���Γl��!/-=�� ��\f0�m5�ikm����.�|�aH����7]�i\��2훎e��'��}����k '��ba�L�K���w����d ��� D��f����l�z��"Pր�` �v�j� �88.�+������/�x�!!4��h ��b��"Έ⏄!QH"���!|D��C� %�:d ��A~E�!g�KHr�F����'C��*���Qg� Ec��h���K�UhZ��C��3��څ�@1��c L�Ĝ1_,K�R1!�+�J�J�k���օ�cq"NǙ�%\�Ax,��s��J| ^�����kx7>�%�Z �+!��@H#�"J {G ����%�#� � � ��Dbq.q%q��4���C$�H$ �;)��"告H�I�H�H��^��<Y�lK '���Br)y/�$����<$�$g$�*!Ǒ�#�Zn�\��U�^�!�2ń�N��dPS�(u����7�����.�S�y�����_���HU��S}�Өb�*j�4�� �F3�yђhy�U��Y�C����B�Ga�B�B�B��KE9E#Eo�������*�+�)+�*��(�+S��4�LW�Q�P�V^��W���3�����
Ge��.��*=t�n@����K���齪DU�`� ����m�j*j�jqj����N�u10�1#���X�8ĸ��4N{��8����u�{�>^�K��^�~@���' ���F��Z��������Y���5�ǫ�w�_<����Z���V��\�]Z�Z��:ځ����g��u:^::tN����u=ty�tO�>g�1��Y�2�9怞�^��Xo�^�ސ��~�~���g�T� ����� ���5�3r6J7�d�b����8�x�q��3u�`��Z���4SO�\�J��fD3g�L�mf�樹�y�y��U ��тg�͢ca����� �,��ޖ�����V �0�B��� '&M\;�e�Wk�,����lTlBl
m�l^ۚ۲m�m������5ڽ�����W��v�;LvX�������Q�X���d���閳�s��J�.��.�]>�:��r����-�m�۳I&���vO�q�wg��t��`z${������dyVz>�2��x��z�m�����������{_W�����0�@�b�6�X�-���j��"�� ���� q
�r.��%�Q�y�0�i2:9d����Í���  "8b}ăH����ߦ�DN)��$�&j^TK4=zf���w1>1�c�ŚƊc�����Ľ���_ߕ01a~•D�D^bc)).iO��T����Ns�V4��t�鳧_��9#kƉ��3Y3'���&fE�*Y�)�)[Sؾ�M�/�Nם���4�=u]�4���i}����<_�ޫ�����3#2�2���d������U���s9:9�s:�"AW�k���a�p�M5�£N��T���;�#�<�ì�Y�g+���n�c>gŜ������6�ӛ�x^�|��; R4/4X�ta��EՋ)�3�^h]�����%MK��.Z��S�O�E
E¢[�ܖm_�/�-o[a�b�Ŝ��%�%�%�W�W^���粟�W��j[���b q �͵�k��)�+X׳~��� � ��n���R�}��M�M�M]eae�� 7���yK���>��jm]���6ζ�
������K����q{g���J���]�]��������/5{4����Růꪎ�>W�TS�Wk��Z�V\۷oھ��~��,�v`(9�>�5�כ�B5v>\w���֣����H��������Ǝc!ǚ�ܚ��f�[�q���'�N�>I9����S����Ϥ��i��|�l���禜k;z�⅀ g[�[N]t�x���c��/7\q�R���z�w�ߏ�9��_u�������1��d�g�k~�.\�~�F�����7oߚv��6���;Yw^�Ϳ;to�}���JJj=����]�]'���[E?����y�X��s��'�'�Ou��<�}v�/������//����T�s�KӗG����u a�������o4�T���<9��]�����4>Tt���)��ӡY�I�˾�}i����p��%dI�lhj*���%³��Qd�/� �;����ew4�8P�@�"���6#�����c�jg7�FD�jg+�E��‡��7����"�6<�e7${�ӹ�{�D�����\��N�X~�@�lH��w� pHYs%%IR$�bKGD�������$qIDATx��� ��}���;\�\�p�'Q&�93u5�Dj�ΖFN�6c���F�D-Q�,� mj�tX�{`���2eH�"R��̙ *ʓ�\��p�9���rOcd�f\�{���ݝ{`���{��~��C��ix}�F4h� �@@h� �@@��m �@@�� ��MGs@@�.7�0v�7��q��_�4h� ��/�&B~[ŭ[�6oΤ�QPm��B������dh��U ���KK�L��Uu|L�O>9q�4�@@�/�nݺv�΀��K��-[�;�$I6��ˉ;�T٦ݳy���M� �@@�� � �@@�� � �@@�� P3��rggg�T2
 �k{��G?�я���?6
 �kH������~��o��nBh^����-[v�%�<���W�6 PӒL���#������ /��]���ljj:������@-����r� ,]�$M�L� 6����ϟ����vww�}��˗/��曟}���}�{g�qF�~�� @@ԨR�4u�ԋf��u�9�������駟�n�Ї>��ں�~��v�m+V��0a��h��f2���Ç���{��Ǐ?�s
�����x����O@h��\.p�GuT�s|ۿ�s�=���3M�$I�@@�K����'���3�{����)�@@�� 4h# 4h� ��4h� �@@@����4M��_��0��M;I2�j4�~jhh�o��T�Dm@5m�IRش���c��Li?�H7���c���+�(��!h��6����U������W�&B��;��c_*uu�ظ1S.T��P���,45��lX�lɥ�vo���(���I���''N�f��R��ںn]צM����/�$;��@@��$������*؝w�׾ ��y!h� �@@��4h� �@@��4h� ��/��S*��mۖ���r I� ��`�V�Z5{��|>��f���N>���O?=�5 �l޼y��ճf�:t�ҥK�͛w��G�=�d4{V__?f̘���������5-�d��W�^],+��r������4������/�����ƥK��7n�С� �jW�� �.Y��i|_���ϟ���ߖ��#G�{�---��v���_�hѢSN9��4@�*�JS�N�h����@G.��  �8q�!C:�;�c͚5� �jW��477>|���$Ɋ+�̙������/?�쳟��' @@�g�������ё��q�f̘q�� ��`�Z[[gΜi��_� 4h� � 4h� � 4h� ����[i��d��(���α#��9 �{Q�_����Bc���j8>&Ia�&s@@���I���rK�\6
���c���+�(�JF���-;�@���T��?P�*~�7����QC/�HK�������:𺎏�Bwgg���(�рޱiӃ^�iŊL�}w�u�dœON�6�(�рΔ��_z�s͚D@�C.I��l1j8�C�C@���s�0^EJ�� 4h@@�� 4h@@�� ����6:;;ׯ_��f������ @@�W�=��ܹsW�\Y.�=�п���;v��T7/�x�֭[7k֬ѣG�k_��W����u�]���e2��h�7hɒ%����1c������ /�0�)�J& �jT��ttt�^��X,V���r�����΃� /�0r������/��ah�vE./X�`�%i�Ʒ�5�y���mmm�mccc�G6���p�7o~�'�������4@-*�JS�N�h����@���T�;��[o]�|���~�����w�s� 7h P��L���y���{��#�8b�ĉ�����<�̗^z������>������`�̙�o|cٲe�\�K.9��c�@@�W��6mZ��I��� Pk�E* �@@�� � �@@�� � �@@�� U*_[���)��x�I s��:��?th�a���^���$�M���� 躁�q��i�h����X(���+ʥ�QP���r�C�Z���Whl�*^ŋ@@@��A����ٽy�9��q|,b�+45�{��;��tS�D�M8>&Ɋ'��8m�Q ����-[׬��&�%I��-�����dg=';���ֳǙ��F&h� �@@��4h� �@@��4h� ��/��S*��mۖ���r I� ��`�V�Z5gΜl����)S��y�uuu& �؃͛7�Y���/2dȲe�n���|>��g� ��`����'N�8t��I�&mٲ�{���?�������(�d:::V�^],+��r����|��� �+�=�л�k�֭@@Ԩ�� ,]��R��5�y���mmm����l�R(����4@�*�JS�N�h����@����^�����ݱc��w�=v����fs�5*�d"����_M��駟�3gNSSӋ/��jժk�����T1z�7������Ίz�LJv� 7�p�!� @�s� jmm��� ��ָ 4h� � 4h� � 4h� ����1i���I6��0�w��$����}~�555 m��[�6m2t�v�i��z�;�ތ�c���+�(�JF����
���9����y�� ��wx �^%�L��ƭ��bw/�Orف ��Ib����f��=���[H{筄�4�8j�N}Kc��ih�>/I����;���� �r:����4@U5t6I��y�E�d*���&B� �@@�� h� �@@�� h� �@@@_�7���i�}��b���B�п�@@�Aww��7���#�444ķ�R��SO=���M �i��X���#��<yr�s<3l�0c@@����Ϗ;��C)�I�
3@@��֭[���//\��T*566~��=zt<=�nݺ�m�Jgwtt�uuuu'�t�q���<dȐ��6l�>}z4t�$�m|}��g��O614P��4�h�0a�[���W�RKK˼y�v�}��W}�ᵆ��jW�$[�n���/^\.���O<��w��]�b1b���9����
P[��O9� &DI�r��6�u$�79�PS"����(xc�w 4h��� 4h��� 4h�@�~�4M��N��/O3;�����zn�+�5ק�Ro��#�5�%�Ih��P.�'>�i�t�{������9h���f2 u�A yGKv�&B��;�P`��L�sGq��b��*�� �/�rFh�Z��&�{dՋ�<�K��Q�LZ��M���j3 @@Ժ$I:wt��ؖ��^ �����m>���:�$��j�k?���x�Z�M� �@@�� � �@@�� � �@@����$o@�)�J۶mKӴ�m6������&��؃U�V]~��Q̹\�\.�9�S��Tss�� ��`�����_|�!C"����� �W�0aBkkk���|>�˙ `ϲ��SO=5k֬ʍ�3�8��|g<(��֭+�J�8>�����j]��mmmS�N<xp<=zt�� 6L�>=:I��6�>��3u�'�����t>��#����---������5W_�͇ך�uQɻ>������#v��94���5������nll4
�w��������|�xc܁ 4h��� 4h��� 4h�@�~�4M��NF��ev��x @���
m��i�d{��|���3
@@�)�ӓuٴc��ݦ�7I&P_0@@�� u�A yGKv�&B��;�P`��L�sGq�֢�@5��_����6h��\6�|�U/��O�jG�\~�Qc�:� ����$I:wt��ؖ�4P3]J�l/���x� �M�4I���8�¯�M� �@@�� � �@@�� � �@@����$o@�)��ׯ߱cGKK����$14�����+7�t��w�=r��~���}�{�Y?�@@��R�4o޼���'_�����/^<w�����O�4�p���z�������GuT|{�g4����d�{�q�����<�\.�q��>�h]]�ȑ#+�Z,׭[W*�~q|��;::  Ԯ$I�o����� �Bss����?lذ�?<�ٰa���ӣ�+o+���=�L������jTkkk�T�я~t�駿���ݼy��~��]��[ZZ�͛���k����574P��������ϝ;���1bĢE��/_~����*�xr����ܜ�h4P��$���?<lذ|p�ڵ�~�G>򑺺:�@@�Y�򩧞z�)��i��04�k���a��-� �@@�� h� �@@�� h� �@@���*�7�_#M�r��Q5s��8� h�7^ύu�����T2 �F����Q@�!�rz��.�vLw��4����O"
h�7$��H]~PC���]��4�?�ث$���Qܸ��5����_�5�/$Ibh�>)�M��Ȫoy��p���TN�����rpN@#���$I:wt��ؖ�4��y[�O]G@����&I�~��4v5S�/�&B� �@@�� h� �@@�� h� �@@�������k���i������c@@���ŋo���r�\������c���PS֭[���|׷O=�T�X44��e�����\.��iWWW�$����k@/^����ϯt�#�<2iҤ�/��u�֕J�_���l@@5�\.q�3f̨���^����6l�>}z4t���s�>S7~�� ��ڕ�iKK�ĉ+/�hmm�|"G���͛���k����544P���s������b1b���9��h��v�a�����8x�'��� `��Qy}��Ǜ ��
h� �@@��4h� �@@��4h� �@@���F�k�iZNw2
�m�4cOC@��zn�+�5ק��i@o+����$1 4@�U.�'>�i�t�M�� ���F@�]i&�P�Ԑw�`o" ��%���L�-��~Pk���r�TK��O�$�:��>��R��"g�م ƃ)S���e�2�����v��N�<yr�� z�O��G�~jg%���ףv�:C��Ϗ�Iͼi�R'� �Pf�Ԗ�N�~�+-�K���z_y\�L�2�+���O�UM-�s�=�t�� .�`����Ԗ�Nm�mޖ�R۩��,u��t�h� ��]o������Y�K������*o�Ԗ�Nm�mޖ�R۩ka�{�c�:::jp���R�� 6�����yKm��Ԗ��m�-����:���A��Ҿ��ڴi�ʕ+��0`���[��_���1"C��ʫ���e|������ǍWWW���s�m޼y���4hPo@/��r�P8p` !W���aÆ�ת\�r���/�j��vvv>��3���G��<S�* �e˖xK����m۶X��`̘1�w��)���������ښ$;�(�[�n�ڵ������_Np�b�r���K/Ųg�ٶ����ƪܰ��;vl>���ꊽ;������T�k9RdժU�G�j5jT<S {w�ѱf��#b ��x�ƍ�d��#����q@�N���~6�qǎq����x��k��&J:���ӧ�r�)շ��-[v�%��zz�N:�O|� ,��׿�l������ÇW�R��8�\{�����|ww�UW]�ӟ����aȐ!��c笾�� ��'��җ�4k֬8�Ʀ~饗�z�iL�<���x�L0�^xa����w�A͙3��/c]�����C=WG'N�e��������X���[�re��"&y�ٳg������/>ꨣ�2%������EX̘1#�����o�����Ǧs�ʥ��g���H�s�9��Ͼ�[���A=b���W�R�u�]7�tSe�c]{�U�wG�\��Q�q� ��/~1.gΜ�}���8�~�����x�����um�u����O~2F�W�>��s���O]�G�;��w~�w.�첇~8��c�9�_��_�;��;.V[����o�W�X��|&��N��w�R~�ܹq��j=��w�}qY�aÆ�k����80]w�uq�Q'�x��\��I1p��o��r�=WwJ��g?�����8������ϏM�����>�kj-o۶��k�������28:��#�����/���n�����X�U��Qϗ_~�7��~����^�n�\�w �*Jk��������������������q��Ss��ǎe�hѢ���}U��c��ַ>���~��_��W��Έ�X�]tQ��k֬y��c ?��?��ODžSl�q��==��o��oc3�Ww��q@�3�c�X���'v��sG^�㧟~:�<묳��N��(��Ç744$=�`���x�;bK=����?�3�P}����WJ_�җ*�ωk���z�����|\9T����j����+�ӓO>����m��ѭ��1�g�}��:.�-[���������o�K�I�&M�0!�7���x�Z�Z���w^�h���]��>�s�L�r�WFkV^�PM���fΜK�u��L�OZV�x衇��|�U�R��O>9v����gz���^x!r���u_c������rg�qF�•߾��+U�w<8깽�������Dڐ!C?��E��
�}Pu��}�;߹���O�QG�p��O}�S�ƍ;��Cc{?~|t�=��3o޼JvT�����������K�ơ6:6��}�s��0 .�*;j\0T^WWK����R�E�p�u�96�����@G�u�UW-Y��jvȸ0��W�z뭷�_�>�7���r+�AKKK��Ty�{�ݹ���b���{�m�+��#��-|֬Yq�P�)'�X�X�q��K�E�tww��Z����~��z%�����8V��sڣ��:��� ����>�:.��ַ��?�����^����w�;���_� 7�p�gƓ�ԕ/Ĺ�*Wt,逸������o}�[S�N��|�ȑսwǢ����?�����?�y���]��c&��B���ʫԗ/_W�qEh�Sl���vZ�u>��*�|�w�����
VR,uD�/�W����]vY<��|&.t}�� 6�V��q���w���<���q��+��3��;��F7ǩ(�[�c�=��w��:�zӦM�y�6��U�s�������U}wn*琢ǝN8����+�y d�ʕU|�=���G��W���:\����������⪸rG ����
�#���I��7.[�,�fշ���_~��������T����l�i�YR�oy衇>����N}�u�Ŏ���/W�޽v��5k�DCǕҵ�^�p���H��i:��}���A@��۟���ǃ�S�u�]��{�g?��<0�"�����������C��lll���4N�\pA�q,cggg��A�b�����ӟ��mo{[\K����^ռ~cܸq�g���Ɗ�<������_t�E�g��L�R5;�[{�j�+K=a„�o�=. �z7���8U}wn��{�W����{.ε��q���z�b�Ǐ���ק�z�X,��B-Dd�㲡v���9 0`���[�hQ��{�g̘1U��]�ة���� /�pԨQQ�qj��z�P���cc�˿�˸^�n�ȑ#W�^���6����?���[�q�0w�܉'���i�W$ٝw�Y���X����U�MMM#F�X�t��������'����u�����JFDJ����s_q�Q�$є�Uл����+.n����΋ �8�uO�k�k\0���SO��M�Wo�� �rg..�,X��O~2Uё�'O�֥�o�Sْ�;l��r��?��?=zt��v_�����Q3f�x�W��� �xuwU,��GaG�c�9�C���� �������3=?鮼l#.?���i롇ھ}��ٳ��Cu��TY��8b_|��qX�kŪ|���m�֯_��O<��ñ��%W]u�{��X����tP��շԑ�q��_��_?��� u��'�����սw�äI�.��ʧp\~��џ�αa�@�=�����}v~ܷ/�ٴiS�r�ߙ�f��ײ�OD��EW�$N��-vvv��$�okk��\�re<9f̘*��bEǚ�ׯ_�5�����/�{td��;�xl�qiT9��b]�Q8�u��p� 6�Er]]],lu�����+� 6v��]/|�z���+/}8p`��*�W���1bD�H^�K�u�ֈ��Gc��4_G�U���K���/�V���:j$J:��8��v^�} ��K/uuuUNֱ�C� �\�����Z���9b�3=ohy�g ����������7�5� �@@�� �@@�� 4h# 4h� ��4h�Ї������'�mIEND�B`�
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment