*** replaceafill has quit IRC | 00:28 | |
*** robb_nl has quit IRC | 00:39 | |
*** yvl has joined #schooltool | 08:38 | |
*** robb_nl has joined #schooltool | 14:45 | |
*** robb_nl has quit IRC | 16:22 | |
*** replaceafill has joined #schooltool | 17:29 | |
th1a | hi replaceafill. | 17:31 |
---|---|---|
replaceafill | hey th1a | 17:31 |
th1a | How are you doing? | 17:32 |
replaceafill | well... i'm in that usual phase | 17:33 |
replaceafill | when i need to estimate | 17:33 |
th1a | Yes. | 17:34 |
replaceafill | just trying to not leave anything out | 17:34 |
th1a | Well, we seem to be a lot further along in that regard than before. | 17:34 |
replaceafill | did we discuss d3.js the last time we talked about the dashboard? | 17:35 |
th1a | I definitely appreciate the need for care in the estimates, partly just because of the effect on your sanity. | 17:35 |
replaceafill | yeah | 17:35 |
th1a | Generally, I suspect that we can use some much simpler stock javascript graph libraries, | 17:35 |
th1a | but if you want to do d3, I won't object. | 17:35 |
replaceafill | actually i don't have a preference really | 17:36 |
replaceafill | we just have d3 already in flourish | 17:36 |
replaceafill | but these charts seem very simple | 17:37 |
th1a | I'd think d3 is overkill and there are some libraries for which you'd just essentially be saying "bar chart" and passing your numbers. | 17:37 |
th1a | I guess the risk would be if fran would start asking for small tweaks. | 17:38 |
replaceafill | can you recommend any? | 17:38 |
replaceafill | good point | 17:38 |
th1a | I'm trying to see if this is appropriate: https://developers.google.com/chart/?hl=en | 17:39 |
th1a | I think it runs locally... | 17:39 |
replaceafill | :S | 17:40 |
replaceafill | for some reason i don't see the examples... | 17:40 |
th1a | http://www.flotcharts.org/ | 17:41 |
th1a | Hm. | 17:43 |
th1a | I mean, let's assume here we're looking for a simple library for simple charts. | 17:43 |
th1a | Not another d3. | 17:43 |
th1a | I'd think Google chart would be a good choice if it is not somehow a packaging nightmare. | 17:44 |
th1a | https://developers.google.com/chart/interactive/docs/gallery/controls | 17:45 |
th1a | That's promising. | 17:46 |
th1a | Support for creating an interactive dashboard. | 17:46 |
th1a | (without baking it yourself...) | 17:46 |
replaceafill | interesting | 17:47 |
replaceafill | i doubt it'd work offline | 17:48 |
replaceafill | https://www.google.com/jsapi | 17:49 |
th1a | Ah. | 17:49 |
th1a | OK, yeah... | 17:50 |
replaceafill | https://developers.google.com/chart/interactive/faq | 17:50 |
th1a | I was worried it was really calling home to Google. | 17:50 |
replaceafill | Can I use charts offline? | 17:50 |
replaceafill | Your users' computers must have access to https://www.google.com/jsapi in order to use the interactive features of Google Charts. | 17:50 |
replaceafill | :( | 17:50 |
th1a | Hm... https://razorflow.com/ | 17:51 |
th1a | OK, php... | 17:51 |
th1a | Maybe we should be looking for dashboard libraries though. | 17:51 |
replaceafill | http://g.raphaeljs.com/barchart2.html | 17:55 |
th1a | http://dashingdemo.herokuapp.com/sample | 18:00 |
th1a | I guess that's not really just a javascript library... | 18:00 |
th1a | Maybe just: http://www.chartjs.org/docs/ | 18:02 |
th1a | We really just want something that does: var myBarChart = new Chart(ctx).Bar(data, options); | 18:02 |
th1a | (for example) | 18:02 |
replaceafill | this one looks nice | 18:03 |
replaceafill | and simple | 18:03 |
th1a | Chart.js? | 18:03 |
replaceafill | yeah | 18:03 |
th1a | it is one file. | 18:03 |
th1a | I think! | 18:04 |
*** robb_nl has joined #schooltool | 18:05 | |
replaceafill | yeah, it looks like a single file: http://www.chartjs.org/assets/Chart.min.js | 18:06 |
th1a | That's probably what we want. | 18:08 |
th1a | Not a library on a library we have to package. | 18:08 |
replaceafill | hhmm http://stackoverflow.com/questions/26033080/creating-a-horizontal-bar-chart-extension-on-chart-js | 18:10 |
*** robb_nl has quit IRC | 18:11 | |
th1a | Another simple one: https://gionkunz.github.io/chartist-js/examples.html | 18:13 |
th1a | (relatively simple) | 18:17 |
replaceafill | what i liked about chart.js was that you can set the colors through js | 18:18 |
replaceafill | i'm not sure if that's good or bad | 18:18 |
replaceafill | i just liked it | 18:18 |
th1a | It is straightforward. | 18:18 |
th1a | Someone came up with horizontal charts for it... | 18:18 |
replaceafill | yeah | 18:18 |
*** robb_nl has joined #schooltool | 18:25 | |
replaceafill | there's only one feature we need from chartist | 18:25 |
replaceafill | https://gionkunz.github.io/chartist-js/plugins.html#threshold-plugin | 18:25 |
replaceafill | i'm trying to make it work in a bar chart | 18:25 |
th1a | Ah. | 18:25 |
th1a | This is a d3 wrapper: http://imaginea.github.io/uvCharts/documentation.html | 18:26 |
replaceafill | th1a, wtf | 18:29 |
replaceafill | let me fwd an email | 18:29 |
th1a | ? | 18:30 |
replaceafill | same John? | 18:30 |
replaceafill | "That worked like a charm! Thanks, Douglas!" | 18:30 |
replaceafill | is this the same issue with the same people? | 18:30 |
th1a | Oh! | 18:30 |
th1a | You mean you CAN'T stop it first. | 18:31 |
th1a | Sorry. | 18:31 |
replaceafill | yeah | 18:31 |
th1a | I thought you meant it didn't matter if you stopped it. | 18:31 |
replaceafill | ah no | 18:31 |
replaceafill | the service MUST be running :) | 18:31 |
replaceafill | english.... | 18:32 |
replaceafill | :/ | 18:32 |
replaceafill | heh, typical: " John is the one who did this before and he is not here today" | 18:33 |
replaceafill | anyway, back to the plugin... | 18:33 |
th1a | I'll change the book now... | 18:36 |
th1a | I'm maybe kidding myself in thinking we have *simple* charting requirements. | 18:40 |
replaceafill | if the first version works.... | 18:41 |
replaceafill | it may become a shiny thing for them | 18:41 |
replaceafill | but boy, when i see the code to get a simple barchart (with our specifications) in d3 | 18:42 |
replaceafill | i get sad | 18:42 |
replaceafill | compared to chartist and the like | 18:42 |
th1a | Oh, I know! | 18:42 |
th1a | I mean... | 18:42 |
th1a | Part of why I was interested in d3 was literally wondering if we could take the whole business in the data graphics direction. | 18:43 |
th1a | chartist might be the right level of complexity. | 18:44 |
replaceafill | no, the threshold plugin doesn't seem to work with the bar chart... | 18:50 |
replaceafill | :( | 18:50 |
replaceafill | it looks really nice | 18:51 |
*** robb_nl has quit IRC | 18:51 | |
th1a | It seems like it would still give you a head start. | 18:52 |
replaceafill | ah | 18:52 |
replaceafill | https://github.com/gionkunz/chartist-plugin-threshold/issues/2 | 18:52 |
replaceafill | never mind | 18:52 |
replaceafill | chart.on('draw', function(context) { | 18:52 |
replaceafill | if (context.type === 'bar') { | 18:52 |
replaceafill | context.element.attr({ | 18:52 |
replaceafill | x1: context.x1 - 5, | 18:52 |
replaceafill | x2: context.x2 + 5 | 18:52 |
replaceafill | }); | 18:52 |
replaceafill | } | 18:52 |
replaceafill | }); | 18:52 |
replaceafill | ooops | 18:53 |
replaceafill | sorry | 18:53 |
th1a | So it works? | 18:53 |
replaceafill | not quite | 18:54 |
replaceafill | it looks distorted | 18:54 |
replaceafill | that's the only feature missing really | 18:58 |
replaceafill | it'd require fiddling with that plugin or creating one... | 18:59 |
th1a | Yeah... | 18:59 |
th1a | I guess the requirements are detailed enough that some fiddling is inevitable. | 18:59 |
th1a | Or a more bare bones library that takes more work for everything. | 19:00 |
th1a | So... what do you think? | 19:05 |
replaceafill | sigh... | 19:05 |
replaceafill | d3 i guess | 19:05 |
th1a | Really? | 19:05 |
replaceafill | yeah | 19:05 |
replaceafill | i mean | 19:05 |
replaceafill | the thing has everything we need | 19:05 |
replaceafill | it's just hell to use it | 19:06 |
replaceafill | but we don't have much experience with it | 19:06 |
th1a | Did you look at http://imaginea.github.io/uvCharts/documentation.html | 19:06 |
replaceafill | we used it in one view | 19:06 |
replaceafill | no | 19:06 |
th1a | Also keep in mind that if we tell fran, "we can do this in two days, except one little feature, othewise it will take a week" | 19:07 |
th1a | she's going to drop the feature. | 19:07 |
th1a | var chartObject = uv.chart(chartType, graphDefinition, optionalConfiguration) | 19:07 |
replaceafill | the threshold limit seems important in the peas version | 19:07 |
replaceafill | and she even said she'd like it across the other projects | 19:08 |
replaceafill | The function returns a uvChart object which exposes d3 selections so more adventurous users can harness the power of d3 even after the chart is created. | 19:11 |
replaceafill | :O | 19:11 |
*** robb_nl has joined #schooltool | 19:12 | |
th1a | Not super well documented. | 19:12 |
th1a | Hm... | 19:13 |
th1a | I guess though if you can literally manipulate them with d3 after they're created, that might make tweaks easier. | 19:13 |
th1a | http://bost.ocks.org/mike/bar/ ;-) | 19:15 |
replaceafill | yeah | 19:15 |
replaceafill | but i haven't seen a threshold anywhere | 19:15 |
replaceafill | duh | 19:18 |
replaceafill | http://stackoverflow.com/questions/24014391/add-a-line-on-the-y-axis-d3 | 19:18 |
replaceafill | you can add just a line to it... | 19:18 |
th1a | I was going to say that... | 19:18 |
replaceafill | there's no "Bar" chart in d3 | 19:19 |
replaceafill | it's all parts | 19:19 |
replaceafill | ok | 19:19 |
replaceafill | i want to experiment a simple chart... with the line | 19:20 |
th1a | OK. | 19:20 |
replaceafill | again, usual phase of taking forever to estimate | 19:20 |
th1a | Well, this is a big step, I guess. | 19:21 |
replaceafill | hhmm | 19:22 |
replaceafill | if the other libraries allow you to set the position of the chart... | 19:22 |
replaceafill | maybe we could combine them | 19:22 |
replaceafill | http://stackoverflow.com/questions/28076525/overlay-line-on-chart-js-graph | 19:23 |
*** altiport has joined #schooltool | 19:38 | |
*** altiport has left #schooltool | 19:39 | |
*** robb_nl has quit IRC | 20:21 | |
th1a | So.... what are you thinking replaceafill? | 20:35 |
replaceafill | success! | 20:35 |
replaceafill | hold on | 20:35 |
replaceafill | http://s15.postimg.org/g402k9fcr/Captura_de_pantalla_de_2016_01_14_12_35_31.png | 20:36 |
replaceafill | it was simpler than i expected | 20:36 |
replaceafill | that's 20 btw | 20:37 |
replaceafill | it needs label, etc | 20:37 |
th1a | Is that raw d3? | 20:37 |
replaceafill | but you get the idea | 20:37 |
replaceafill | yeah | 20:37 |
th1a | OK. | 20:37 |
replaceafill | i tried doing it with chartist | 20:37 |
replaceafill | understood the problem with boxes lines etc | 20:38 |
replaceafill | but unfortunately the plugin is designed only for vertical bars | 20:38 |
replaceafill | the chartist threshold plugin i mean | 20:38 |
th1a | Yeah, ok. | 20:38 |
th1a | So, you're thinking just d3? | 20:42 |
replaceafill | yeah | 20:42 |
th1a | OK. | 20:42 |
th1a | You never have to worry about "no, that's not possible." | 20:42 |
replaceafill | right | 20:42 |
replaceafill | ok, i'm going to get lunch | 20:44 |
th1a | OK, one sec. | 20:44 |
replaceafill | yes? | 20:44 |
th1a | So we have a chat tomorrow with Proximity a half hour after regular meeting time. | 20:44 |
replaceafill | ok | 20:44 |
th1a | I don't think any particular prep is necessary. | 20:44 |
th1a | We're mostly learning about their weird year workarounds, iirc. | 20:45 |
replaceafill | right | 20:45 |
th1a | OK. | 20:45 |
th1a | Just checking we're on the same page. | 20:45 |
th1a | Thanks replaceafill. | 20:45 |
replaceafill | ok, thanks th1a | 20:45 |
*** th1a has quit IRC | 22:39 | |
*** th1a has joined #schooltool | 23:02 | |
th1a | replaceafill: I changed the SchoolTool homepage to link to the annual report. | 23:58 |
th1a | I think you have to move it to the server. | 23:58 |
replaceafill | move it? | 23:59 |
th1a | I mean, I pushed the change to bzr. | 23:59 |
Generated by irclog2html.py 2.15.1 by Marius Gedminas - find it at mg.pov.lt!