Codepens working... ?

[rob]

It seems like they are. Unfortunately they don't seem to auto-run, and they always show the code tabs, and they are pretty small vertically, but..... still, a good thing to have. Thanks for getting them running @Jack-Waugh

See if this works. You probably have to hit "run pen" to see anything.

https://codepen.io/karmatics/pen/KKzPMYj

After you run it you should see something like this, which is a Condorcet style pairwise matrix that can also show a bar chart at right:

This needs work to allow pasting in ballots (etc), and to make the bars actually show something meaningful, as well as to support hover effects. But it is something. The ones that tabulate various methods need work to adapt them as well, so they work well in the limited area.

[Jack Waugh]

@rob Yes, it does show something like that. Well it did. Then I reached in to try to move one of the scroll bars, and the "pen" disappeared. Sometimes, moving a scroll bar worked, but the last time, it did that.

[Jack Waugh]

border-radius: 3px 12px 12px 3px very snazzy.

[rob]

@jack-waugh Glad you like. i remember doing rounded corners the hard way before "border radius" was supported in browsers, but its been at least 15 years.

I was pretty happy with the angled text trick, which was added to browsers after my first implementation of this matrix long ago. That one is: transform: translate(11px, 30px) rotate(300deg);