Template talk:Graph:Chart/Archive 4

Archive 1

Archive 2

Archive 3

Archive 4

Help. "Simple" line chart but with %M:%S time axis format

Maybe better IT specialist than me could help?
I would like to plot the chart for 800m running progression so I have results in mm:ss.ms format (1:55.12 or 2:04.50 for example). How to specify this? (if possible). I tried 'time' as yType with different results notation (with 0, 00 hour's value and without) but that does not work (no chart displayed at all).
I can always recalculate marks to numbers but then I will have labels like 115.12 instead of 1:55.12. Maybe the problem is easy to solve by someone? Lorem333Ipsum (talk) 20:52, 12 January 2022 (UTC)

Time scales are bit messy for this template. You can try to use something like this

Prefix with date is necessary for y values. You can try different formats of time on y axis acc. to D3 specification. Pietrasagh (talk) 20:19, 5 February 2022 (UTC)

left and right Y axes?

I want to plot bodies of various sizes against both density and albedo. Can I have diameter as the X axis, density as the left-had Y axis, and albedo as the right-hand Y axis? (It would also be nice if I could include error bars.) — kwami (talk) 03:21, 10 October 2021 (UTC)

Kwami, just noticed this. I recently posted this comment at Module_talk:Graph, which is a different conception of a right-side y-axis. Not sure there will be any more response there than this got, but you may want to watch it just in case.

Btw, as long as we're talking about enhancements, are you familiar with Tufte's spark lines? We'd need an enhancement to ModuleGraph that could produce a gridless, axisless, labelless tiny graph about one line-height high, but they are super useful. Cheers, Mathglot (talk) 02:01, 4 April 2022 (UTC)

Adding @Tenryuu:. Mathglot (talk) 02:02, 4 April 2022 (UTC)

Thanks. I've seen sparklines, of course, but didn't know what they were called. — kwami (talk) 03:00, 4 April 2022 (UTC)

xAxisMin breaks for larger values of xAxisMax

Check the graphs here. I'd like the x Axis to start at 1, which works well if I set the xAxisMax < 15. For values larger than 15, the x Axis automatically starts at 0 and ignores the value in xAxisMin. Dunno if this is broken or if I'm doing something wrong. Oberyn42 (talk) 13:40, 3 February 2022 (UTC)

Use xType=string to get x= parameter values at x-axis and you will not need xAxisMin, xAxixMax. Uwappa (talk) 08:08, 31 July 2022 (UTC)

omitting values

How do I suppress a value from displaying?

I have two pie graphs comparing the masses of mid-sized moons. One includes Triton for comparison, the other does not. In order to keep the colors the same, I can't simply omit Triton from the second. But if I put two commas in a row as a place-holder, it still displays with a value of zero and as 'null' in the legend. Can I suppress it without shifting the colors of the other values? — kwami (talk) 21:44, 10 October 2021 (UTC)

Sort moons by mass in x= parameter, Triton last. Omit Triton in the second graph. Uwappa (talk) 08:32, 31 July 2022 (UTC)

No radial grid for pie chart and corona chart

In a pie or corona chart

One might like to have some kind of radial grid which might look like a clock graduation, for instance

How can the graph be displayed over the radial grad?

It might be possible with CSS <div style="background-image:...">{{Graph:Chart|...}}</div> Uwappa (talk) 08:48, 31 July 2022 (UTC)

Separate y-axes?

I've been checking the documentation, and there doesn't seem to be a way to add a second y-axis on the right-hand side of line graphs. One of the items being plotted, cumulative deaths in the Cumulative cases, deaths, recoveries, and active cases graph on COVID-19 pandemic in British Columbia are being overshadowed in scale of everything else. Is there a way to add such a second axis, or is our only solution to separate it? —Tenryuu 🐲 ( 💬 • 📝 ) 02:17, 15 January 2022 (UTC)

I asked this at #left and right Y axes? above. It would be nice. — kwami (talk) 04:58, 15 January 2022 (UTC)

Odd workaround: yScaleType=sqrt Uwappa (talk) 14:50, 31 July 2022 (UTC)

How to get yGrid lines on bar charts of rocket launches

Tried yGrid= (and yGrid= 1) in List_of_Falcon_9_and_Falcon_Heavy_launches#Launch_outcomes but no visible effect The template page shows it working for line graphs, and doesn't say it won't work for bar graphs. Does it need a linewidth or linecolour or something ? or is this Graph:chart not what {{#invoke:Chart | bar chart invokes ? - Rod57 (talk) 10:09, 24 November 2021 (UTC)

@Rod57 {{#invoke:Chart|bar chart}} uses Module:Chart, not Template:Graph:Chart. You can also use Template:Graph:Stacked to produce bar charts. --Ahecht (TALK
PAGE) 15:04, 24 November 2021 (UTC)

@Ahecht - Many thanks. - Rod57 (talk) 01:59, 26 November 2021 (UTC)

The same chart with yGrid as GraphChart: Uwappa (talk) 16:30, 21 August 2022 (UTC)

Step function with template chart

Is it possiblie to create a true step function plot with the Template:Graph:Chart? It is possible to mimic it by a line plot with steep increases, but that graph has (almost) vertical lines that look "non-mathematican".

This workaround would be too complicated for large data sets:

--Myosci Myosci (talk) 08:15, 13 August 2022 (UTC)

Workaround: Use x=1,2,2,3,3,4,4,5,5,6,6 and xType=string.

Uwappa (talk) 13:20, 13 August 2022 (UTC)

The problem with my and your workarounds is that one has to use one separate y_i for each step. And an increasing number of commas.

Sometimes this can be avoided with "type=area". But it would be good to have a step function functionality, i.e. an extension of {Graph:Chart}. In the long run (after getting familiar with Lua) I would like to build such an extension in my sandbox. The low-level functionality to draw lines should be available but how can one adress it? --Myosci (talk) 16:22, 30 August 2022 (UTC)

Your workaround does not need duplicate x values, does not need an extension:

| x=1,2,3,4,5,6

| y1=10,10

| y2= ,12,12

| y3= , , 6,6

| y4= , , ,14,14

| y5= , , , ,2 ,2

Uwappa (talk) 04:14, 31 August 2022 (UTC)

For the increasing number of comma's, use:

 | y3=  {{repeat|2|, }}6 ,6
 | y4=  {{repeat|3|, }}14,14
 | y5=  {{repeat|4|, }}2 ,2

. Example, see source of this chart:

Uwappa (talk) 14:21, 11 September 2022 (UTC)

Found a better solution, the step function you were looking for:

| interpolate = step-after
| x=1,2,3,4,5,6
| y1=10,12,6,14,2,0

Uwappa (talk) 15:50, 18 October 2022 (UTC)

Stackedrect stacking order

Is there a way to change the order of the stackedrect type, so that the first parameter is on the bottom? — Aᴋʀᴀʙʙıᴍ ^talk 17:40, 3 October 2022 (UTC)

Not really, but you could let the first set of y values have the highest y range number, e.g.

| y3 = 1,2,3

| y2 = 2,2,2

| y1 = 1,1,2

Uwappa (talk) 18:16, 3 October 2022 (UTC)

Unfortunately, the legend is in the reverse order from "intended". Maybe there is a way to reverse the order of the legend instead? — Aᴋʀᴀʙʙıᴍ ^talk 19:21, 4 October 2022 (UTC)

Rename y1 to y3. Rename y3 to y1, same story for y1Title and y3Title. See example in Saturday_Night_Live#Cast. Uwappa (talk) 03:54, 5 October 2022 (UTC)

Yes I know that, but what I mean is that I would prefer to the legend to list y3 first, then y2, y1. Since it is odd to list "Repertory" third, as it is the most prominent value in that graph. — Aᴋʀᴀʙʙıᴍ ^talk 15:46, 5 October 2022 (UTC)

Yes, it is a bit odd to list the most prominent value last. Yet, in a stackedrect graph the 1, 2, 3 do not reflect prominence. It just defines the top to bottom sequence, for both chart and legend. Sorry, but there is no way to reverse it into bottom to top. Uwappa (talk) 17:51, 5 October 2022 (UTC)

Maybe the intended sequence was wanted, but it is wrong. The first slice should be at the bottom, followed by slice 2, et cetera. I have five slices, with slice 4 and slice 5 zero, so the bottom slice now is in the middle. It shoud be sorted out pdq, it is so stupid how it is at the moment. Auntie Kathleen (talk) 02:27, 16 January 2023 (UTC)

How to set the HoverOver color

For all graphs, the default behavior is for the data to turn red when the user hovers over it. Can this be turned off? Can the color be set to something other than red? Thanks! Revansx (talk) 18:00, 15 March 2023 (UTC)

I would be content to simply be able to find where in the extension I can find where the hover over bgcolor is defined as red, but I can't find it.

I have grepped hover and bgcolor and pointer-event and looked in all the vega, d2 and css files.. can't find any reference to red. Weird.

If anyone has any insights regarding how and where the hover over bgcolor is defined, please share. Thank you! Revansx (talk) 08:53, 16 March 2023 (UTC)

Javascript, drawing into the canvas on mousemove? Uwappa (talk) 15:11, 16 March 2023 (UTC)

Party Colours

If anyone knows how to, could someone alter the template so that the "party color" template can be used, instead of adding hex colours. Another template was altered to allow for this. 18:32, 25 January 2023 (UTC) ValenciaThunderbolt (talk) 18:32, 25 January 2023 (UTC)

Anyone? ValenciaThunderbolt (talk) 22:00, 25 February 2023 (UTC)

Repost question at WP:VPT to find bigger crowd? Ask user Frietjes? She looks like a template expert. Uwappa (talk) 09:08, 26 February 2023 (UTC)

Special:ExpandTemplates shows that {{party color|Liberal Party Bangladesh}} produces #EA6D6A (as it's rendered, not as I wrote in the source). # is encoded as # as suggested at Help:Template#Problems and workarounds, but colors in {{Graph:Chart}} expects an unencoded #. It seems reasonable to also accept the encoded form but I'm not a Lua coder. PrimeHunter (talk) 22:23, 26 February 2023 (UTC)

@PrimeHunter: Link20XX is looking into it. ValenciaThunderbolt (talk) 22:29, 26 February 2023 (UTC)

From a programmer's perspective, I think it would be better for {{Party color}} to support an option to return the unencoded hex string. From a getting-it-done-faster point of view, though, it might be easier to change the module for this template to handle this case. (Mostly it depends on who is interested in making the change.) isaacl (talk) 23:02, 26 February 2023 (UTC)

Most users will not expect they have to add an extra parameter to {{party color}} when it's used as input to {{Graph:Chart}}, and the encoding of # as # is also in many other templates. I don't know other examples which could be input to {{Graph:Chart}} but it would be best if {{Graph:Chart}} accepts the encoding. PrimeHunter (talk) 23:27, 26 February 2023 (UTC)

I agree from a user perspective, more flexible input is desirable. (From a programmer's perspective, it's better to produce one common format and use it everywhere, than for every template accepting colour parameters to code ways to handle multiple formats, but I understand why users would prefer that.) isaacl (talk) 23:52, 26 February 2023 (UTC)

Most templates accepting colour parameters just pass them on to the wikitext which normally works both with and without encoding, e.g. &#35;EA6D6A and #EA6D6A. PrimeHunter (talk) 00:24, 27 February 2023 (UTC)

It works when passing the string to a style attribute in an HTML tag, because HTML supports HTML encodings within the attribute value (and as I recall it is technically required for ampersands, such as in URLs with parameters, though browsers are typically permissive with unencoded ampersands). isaacl (talk) 01:29, 27 February 2023 (UTC)

It fails in {{Graph:Chart}} because it's passed to mw:Extension:Graph which doesn't allow the encoding. The optimal solution would be for the extension to allow it but it's hard to get extensions changed. PrimeHunter (talk) 01:51, 27 February 2023 (UTC)

Sure, I assumed there was a problem with the rendering. It can be mapped by the module. isaacl (talk) 02:52, 27 February 2023 (UTC)

An other example of input to Chart, with working party colours on Dutch wikipedia: nl::Tweede_Kamerverkiezingen_2021#Verkiezingsuitslag.

The Dutch wikipedia avoids the encoding problem. {{Zetelverdeling/Partij|VVD|donker|NL}} gives 3A5FCD, without the #.

colors=#{{Zetelverdeling/Partij|VVD|donker|NL}} gives colors=#3A5FCD.

Uwappa (talk) Uwappa (talk) 08:25, 27 February 2023 (UTC)

That has other problems like not allowing Web colors#HTML color names. PrimeHunter (talk) 11:29, 27 February 2023 (UTC)

Is there a possible solution to this dilemma? ValenciaThunderbolt (talk) 18:54, 12 March 2023 (UTC)

Can you update us on your discussions with Link20XX? Two solutions have already been proposed, one of them being your suggestion to enhance this template (by changing the underlying module) to support the format emitted by the {{party color}} template. isaacl (talk) 20:51, 12 March 2023 (UTC)

Sorry, I thought I'd messaged Link, but turns out I didn't. Anyway, last thing I knew was Frietjes was going to create a wrapper module. She made an edit on my sandbox as a temporary solution to the problem, though that was at the end of Feb., so I've messaged her to see if she has created one. ValenciaThunderbolt (talk) 14:33, 16 March 2023 (UTC)

I saw discussion of this at Wikipedia talk:Lua/Archive 11#Wrapper for Module:Graph and Module:Political party. It's less general-purpose than modifying Module:Graph, but limits the scope of testing required. isaacl (talk) 15:56, 16 March 2023 (UTC)

She messaged me over twenty minutes ago and found a solution. See here. ValenciaThunderbolt (talk) 16:04, 16 March 2023 (UTC)