Skip to content

Instantly share code, notes, and snippets.

@curran
Last active February 16, 2018 07:48
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 curran/010687ccc371d1d417ce9f1f238178e1 to your computer and use it in GitHub Desktop.
Save curran/010687ccc371d1d417ce9f1f238178e1 to your computer and use it in GitHub Desktop.
Basic Text in SVG
license: mit
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Shopping App Prototype</title>
<script src="https://d3js.org/d3.v4.min.js"></script>
</head>
<body>
<svg width="500" height="960"></svg>
<script>
d3.select('svg')
.append('text')
.style('font-size', '32pt')
.style('font-family', 'Sans-Serif')
.attr('x', 250)
.attr('y', 50)
.text('Milk $3');
</script>
</body>
</html>
�PNG

IHDR��X���IDATx���}��u]��7?AW2M�$�ĐTփn� s�����|���e���ՄM -��d�2���4� �\�L��P�QI�!�!$��|��:g��ܿ�x��Ϗ�k�������>�����>����٩�������-��G=� X��L�'�P���:�뼉zL�G 0�``��-�)]�n��ڂ��]!�B����n�N�>P]S�V�1�~Mus�����)��կW�V�Wߪ�n�����������`�[)^�^���_%�j �k�sF��W��݆@�U�fC2��w����V>鐆��� ƽ�zk������Z�����I�,=��)�Q]�����ݣ�}�Ի�z��x�b��&� ��mMO?�\2X�]��6�,N���w,�=C���m �㒯/�{jC�y���Q�1��n�?����{kې`:�ߩ������zz��ꊉ�j� ��q���U��[f�{�(�����|@u���74$�c�m����ګ���q�D�ϵ��{T��ꠍ����X�>�ߌʯ�2Γ�g/�W}f�FmSϩ��OoHj7��꤉s�4Qޯz�����y�_]#�B����'���vl+``-�V��R��q^���X��6>z#�?�~y���U=n�X�N�7�#���?-�o�J�����9ļ�����.YhR=v�&��-X�Xˎ����ɋ�^W}v1��^5*�]��ytRÐ�%7V�o>��'�;��qr��VNl��~�a�c�Qڨ�lA��``={W���Cy������c��v;Ϫ���#omH~��!� ��M�V�ս��|C/�%յ������6�4��'ֳw��򣫗m��׌�?�Ѓ��*u��Q 󞗆�Q�P�njq/kHR���:zƘ[a��գ�} �O� 0��=�ӎ笾n����ś�;�9�_}�aq�=�KVS�շ�sF��Y}�ğ������F��m� ��o��а}O =�K�hX�y=��sK;疞5�նA��"X[� ҁ�?���߰w�Vڷ��D;�{����
;���~�]�V��ٶ��VVK��o�Zg���7k��{t~�ཫ�M\��5�lz�5�?Ю�������W/iss�Wr�:���� <¬��0<v�����09�G��->��[�x��򌆹շ�vr��0��M�U��������Pk%��M\��5�1�w�ĵyJ�Ϙ8���`�Q=�zg�߭���?���m����Z�{�w��*��Z pտ��}`��j���7N\��������]���Q[�S]�0y2a����}����Ӱ��+��T�k��-Տm�{l �%�o]���+&�=T��ꠉ����a˟�K��x�����ת�ky[�j�9���Ξ������% ��uAu���>�+V�3����Ϛ7�n�w�կ> mY�W�߮�i�^�O�^0c�oVo�N�;�z׌q�ج[��F��=��N���Ao�t���]U}{t���}s������Pu��>��aT>�]{��= 00�?�Pu��� [�T}���Cը)\X=�彾;�� =s����ꊆDx���ؖ%�6lY�dφf�݊��?6���գ�W����0�t�����y��6 �^rDu�>�e s��iH`��!֭��q2���q �M�D���~�D�1�o�|��Xh���^���v�"�@�/H5�;Q>�a��%�h����zVÏO�n���{�| ��Gǟi�/�o�ǫ�7{r ��6�:�9'����-zjX���ꥣ���y�����v�S�TGmA� '�o���"��-������uO�D�=���]���� 00������W/��u�|�!9]��^ǫmӴQ�7��.9���z�&b�P��|W����E˫��� �}r�{��m�w�݂��x��ً�����l�wT����T��qOi�cwɏW�o؎���t�h\}�P�K��m���gT_�?Ѱ�����k�~«yA��w>w�{v �7��]��Fݽ��&�/Tg��&���z�D�'�P���:��;>o��Z�� I���f���W�;��V����Ή�wT��;����~Z���%+ľ����66�W��]��cֹg���3���ڰ�׬�>Ү��F>_�^�N�U�O� ��� �f5��� +ow�|h�c��7�z��KՉ ÛOk�|]�͖ouOê��R��zIud��u�_\=���&�to�' {:o���f�����.��� ��=�5�{��}�����uj�k�z�m�����$��} ���VjX,�-xl�V'�� �#žwX��է�O6�� ���?��3����7IEND�B`�
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment