<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"><head><meta http-equiv=Content-Type content="text/html; charset=utf-8"><meta name=Generator content="Microsoft Word 14 (filtered medium)"><!--[if !mso]><style>v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style><![endif]--><style><!--
/* Font Definitions */
@font-face
{font-family:SimSun;
panose-1:2 1 6 0 3 1 1 1 1 1;}
@font-face
{font-family:SimSun;
panose-1:2 1 6 0 3 1 1 1 1 1;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:"\@SimSun";
panose-1:2 1 6 0 3 1 1 1 1 1;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
p.MsoPlainText, li.MsoPlainText, div.MsoPlainText
{mso-style-priority:99;
mso-style-link:"Plain Text Char";
margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
{mso-style-priority:99;
mso-style-link:"Balloon Text Char";
margin:0cm;
margin-bottom:.0001pt;
font-size:8.0pt;
font-family:"Tahoma","sans-serif";}
span.PlainTextChar
{mso-style-name:"Plain Text Char";
mso-style-priority:99;
mso-style-link:"Plain Text";
font-family:"Calibri","sans-serif";}
span.BalloonTextChar
{mso-style-name:"Balloon Text Char";
mso-style-priority:99;
mso-style-link:"Balloon Text";
font-family:"Tahoma","sans-serif";}
span.EmailStyle21
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:#1F497D;}
span.EmailStyle22
{mso-style-type:personal-reply;
font-family:"Calibri","sans-serif";
color:#1F497D;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page WordSection1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]--></head><body lang=EN-GB link=blue vlink=purple><div class=WordSection1><p class=MsoNormal><span style='color:#1F497D'>I’ve added a list on the LO icon where you can add the libraries you want, also a stylesheet, so then you can easily define <div id=”chart” class=”ChartClass”/> in the piece by hand, and use script to set it up:<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><img width=816 height=729 id="_x0000_i1028" src="cid:image002.png@01CE5232.5CB9DC90"><span style='color:#1F497D'><o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><img width=816 height=729 id="Picture_x0020_2" src="cid:image003.png@01CE5232.5CB9DC90"><span style='color:#1F497D'><o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><img width=816 height=729 id="Picture_x0020_3" src="cid:image004.png@01CE5232.5CB9DC90"><span style='color:#1F497D'><o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><div><div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0cm 0cm 0cm'><p class=MsoNormal><b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'>From:</span></b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'> xerte-dev-bounces@lists.nottingham.ac.uk [mailto:xerte-dev-bounces@lists.nottingham.ac.uk] <b>On Behalf Of </b>Smith, John<br><b>Sent:</b> 16 May 2013 12:02<br><b>To:</b> For Xerte technical developers<br><b>Subject:</b> [Xerte-dev] Re: Charting Library<o:p></o:p></span></p></div></div><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal><span lang=EN-US style='color:#1F497D'>That would be fine – I thought this was more for end users<o:p></o:p></span></p><p class=MsoNormal><span lang=EN-US style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span lang=EN-US style='color:#1F497D'>Have a dropdown with the libraries prepopulated and for each supported one, an array or sources for fallback. If you get a 200 you move on, if you get something else you try the next in the array…<o:p></o:p></span></p><div><p class=MsoNormal><span lang=EN-US style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span lang=EN-US style='color:#1F497D'>Regards,<o:p></o:p></span></p><p class=MsoNormal><span lang=EN-US style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span lang=EN-US style='color:#1F497D'>John Smith<o:p></o:p></span></p><p class=MsoNormal><span lang=EN-US style='color:#1F497D'>Learning Technologist<o:p></o:p></span></p><p class=MsoNormal><span lang=EN-US style='color:#1F497D'>School of Health & Life Sciences<o:p></o:p></span></p><p class=MsoNormal><span lang=EN-US style='color:#1F497D'>Glasgow Caledonian University<o:p></o:p></span></p></div><p class=MsoNormal><span lang=EN-US style='color:#1F497D'><o:p> </o:p></span></p><div><div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0cm 0cm 0cm'><p class=MsoNormal><b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'>From:</span></b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'> <a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk">xerte-dev-bounces@lists.nottingham.ac.uk</a> [<a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk">mailto:xerte-dev-bounces@lists.nottingham.ac.uk</a>] <b>On Behalf Of </b>Julian Tenney<br><b>Sent:</b> Thursday, May 16, 2013 9:25 AM<br><b>To:</b> For Xerte technical developers<br><b>Subject:</b> [Xerte-dev] Re: Charting Library<o:p></o:p></span></p></div></div><p class=MsoNormal><span lang=EN-US><o:p> </o:p></span></p><p class=MsoPlainText>You can also do it this way and execute the callback when the script has loaded to use it.<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText><img border=0 width=826 height=729 id="Picture_x0020_1" src="cid:image005.png@01CE5232.5CB9DC90"><o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText><span lang=EN-US>-----Original Message-----<br>From: <a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk">xerte-dev-bounces@lists.nottingham.ac.uk</a> [<a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk">mailto:xerte-dev-bounces@lists.nottingham.ac.uk</a>] On Behalf Of Smith, John<br>Sent: 16 May 2013 07:28<br>To: <a href="mailto:xerte-dev@lists.nottingham.ac.uk">xerte-dev@lists.nottingham.ac.uk</a><br>Subject: [Xerte-dev] Re: Charting Library</span><o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>D3 is probably the ultimate in charting tools and is HUGE i agree but a lot of that is the data manipulation routines, cross browser, legacy browser support stuff... Don't we potentially want all them too?<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>Making it a jquery plugin doesn't actually have that much overhead but i think they could/should further split the sections into sub plugins so that you can pick and choose which you require...<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>Its only 135kb minified though - not much or any bigger than 1 decent sized image - what we need to do in xenith is enable on-demand loading/background pre-fetching of these libraries i think and then there isn't an issue...<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>See here though for others <a href="http://techslides.com/50-javascript-charting-and-graphics-libraries/"><span style='color:windowtext;text-decoration:none'>http://techslides.com/50-javascript-charting-and-graphics-libraries/</span></a><o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>I was actually wondering whether we should just make the editor code into jquery plugins which leverage the power of jquery chaining and oop in a sense, so something like:<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>$('#treemenu :nth-child(6)').insertBranch('...').bind('click', function().... Etc<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>Easy to do, maintain and read...<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>Regards<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>John Smith<o:p></o:p></p><p class=MsoPlainText>Learning Technologist<o:p></o:p></p><p class=MsoPlainText>School of Health and Life Sciences<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>Sent from Samsung Galaxy SII<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>"Pat @ Pgogy" <<a href="mailto:xerte@pgogywebstuff.com"><span style='color:windowtext;text-decoration:none'>xerte@pgogywebstuff.com</span></a>> wrote:<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>It is a plugin, but you could link the raw GitHub stuff to save space.<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>I think the jquery in XOT could be moved into a library into which D3 could be added<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>I've got two D3 plugins half developed, but I've just bundled the JS in<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>On 15 May 2013, at 15:44, Julian Tenney <<a href="mailto:Julian.Tenney@nottingham.ac.uk%3cmailto:Julian.Tenney@nottingham.ac.uk"><span style='color:windowtext;text-decoration:none'>Julian.Tenney@nottingham.ac.uk<mailto:Julian.Tenney@nottingham.ac.uk</span></a>>> wrote:<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>There are some really nice examples on their site. I think it’s abit more than I need: it seems to be a whole jquery like plugin, rather than just the charting stuff.<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>This is one example where being to load libraries from a CDN would be good, because then people can choose. I don’t know if you can make the charting setup FWS for anything but the simplest charts, which we already have.<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>After equations though, academics would make a lot of use of charts. I suppose they can do them as images, but it’s a bit of a hassle.<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>From: <a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk%3cmailto:xerte-dev-bounces@lists.nottingham.ac.uk"><span style='color:windowtext;text-decoration:none'>xerte-dev-bounces@lists.nottingham.ac.uk<mailto:xerte-dev-bounces@lists.nottingham.ac.uk</span></a>> [<a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk"><span style='color:windowtext;text-decoration:none'>mailto:xerte-dev-bounces@lists.nottingham.ac.uk</span></a>] On Behalf Of Pat @ Pgogy<o:p></o:p></p><p class=MsoPlainText>Sent: 15 May 2013 15:33<o:p></o:p></p><p class=MsoPlainText>To: For Xerte technical developers<o:p></o:p></p><p class=MsoPlainText>Subject: [Xerte-dev] Re: Charting Library<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>D3 is pretty standard and jquery like<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>On 15 May 2013, at 15:17, Julian Tenney <<a href="mailto:Julian.Tenney@nottingham.ac.uk%3cmailto:Julian.Tenney@nottingham.ac.uk"><span style='color:windowtext;text-decoration:none'>Julian.Tenney@nottingham.ac.uk<mailto:Julian.Tenney@nottingham.ac.uk</span></a>>> wrote:<o:p></o:p></p><p class=MsoPlainText>The ability to show a range of charts would be a good addition to the site template, and the toolkit, it would complement the MathJax stuff nicely.<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>Does anyone have any recommendations?<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>_______________________________________________<o:p></o:p></p><p class=MsoPlainText>Xerte-dev mailing list<o:p></o:p></p><p class=MsoPlainText><a href="mailto:Xerte-dev@lists.nottingham.ac.uk%3cmailto:Xerte-dev@lists.nottingham.ac.uk"><span style='color:windowtext;text-decoration:none'>Xerte-dev@lists.nottingham.ac.uk<mailto:Xerte-dev@lists.nottingham.ac.uk</span></a>><o:p></o:p></p><p class=MsoPlainText><a href="http://lists.nottingham.ac.uk/mailman/listinfo/xerte-dev"><span style='color:windowtext;text-decoration:none'>http://lists.nottingham.ac.uk/mailman/listinfo/xerte-dev</span></a><o:p></o:p></p><p class=MsoPlainText>_______________________________________________<o:p></o:p></p><p class=MsoPlainText>Xerte-dev mailing list<o:p></o:p></p><p class=MsoPlainText><a href="mailto:Xerte-dev@lists.nottingham.ac.uk%3cmailto:Xerte-dev@lists.nottingham.ac.uk"><span style='color:windowtext;text-decoration:none'>Xerte-dev@lists.nottingham.ac.uk<mailto:Xerte-dev@lists.nottingham.ac.uk</span></a>><o:p></o:p></p><p class=MsoPlainText><a href="http://lists.nottingham.ac.uk/mailman/listinfo/xerte-dev"><span style='color:windowtext;text-decoration:none'>http://lists.nottingham.ac.uk/mailman/listinfo/xerte-dev</span></a><o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>Glasgow Caledonian University is a registered Scottish charity, number SC021474<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>Winner: Times Higher Education’s Widening Participation Initiative of the Year 2009 and Herald Society’s Education Initiative of the Year 2009.<o:p></o:p></p><p class=MsoPlainText><a href="http://www.gcu.ac.uk/newsevents/news/bycategory/theuniversity/1/name,6219,en.html"><span style='color:windowtext;text-decoration:none'>http://www.gcu.ac.uk/newsevents/news/bycategory/theuniversity/1/name,6219,en.html</span></a><o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>Winner: Times Higher Education’s Outstanding Support for Early Career Researchers of the Year 2010, GCU as a lead with Universities Scotland partners.<o:p></o:p></p><p class=MsoPlainText><a href="http://www.gcu.ac.uk/newsevents/news/bycategory/theuniversity/1/name,15691,en.html"><span style='color:windowtext;text-decoration:none'>http://www.gcu.ac.uk/newsevents/news/bycategory/theuniversity/1/name,15691,en.html</span></a><o:p></o:p></p><p class=MsoPlainText>_______________________________________________<o:p></o:p></p><p class=MsoPlainText>Xerte-dev mailing list<o:p></o:p></p><p class=MsoPlainText><a href="mailto:Xerte-dev@lists.nottingham.ac.uk"><span style='color:windowtext;text-decoration:none'>Xerte-dev@lists.nottingham.ac.uk</span></a><o:p></o:p></p><p class=MsoPlainText><a href="http://lists.nottingham.ac.uk/mailman/listinfo/xerte-dev"><span style='color:windowtext;text-decoration:none'>http://lists.nottingham.ac.uk/mailman/listinfo/xerte-dev</span></a><o:p></o:p></p><p class=MsoNormal><span lang=EN-US style='font-size:12.0pt;font-family:"Times New Roman","serif"'><br></span><span lang=EN-US style='font-size:10.0pt;font-family:"Arial","sans-serif";color:gray'>Glasgow Caledonian University is a registered Scottish charity, number SC021474<br><br>Winner: Times Higher Education’s Widening Participation Initiative of the Year 2009 and Herald Society’s Education Initiative of the Year 2009.<br><a href="http://www.gcu.ac.uk/newsevents/news/bycategory/theuniversity/1/name,6219,en.html">http://www.gcu.ac.uk/newsevents/news/bycategory/theuniversity/1/name,6219,en.html</a><br><br>Winner: Times Higher Education’s Outstanding Support for Early Career Researchers of the Year 2010, GCU as a lead with Universities Scotland partners.<br><a href="http://www.gcu.ac.uk/newsevents/news/bycategory/theuniversity/1/name,15691,en.html">http://www.gcu.ac.uk/newsevents/news/bycategory/theuniversity/1/name,15691,en.html</a></span><span lang=EN-US style='font-size:12.0pt;font-family:"Times New Roman","serif"'><o:p></o:p></span></p></div></body></html>