Constituencies & how did you do this?

Question

Constituencies & how did you do this?

Opened this issue 3 years ago · 5 comments

Hi,

I'm really interested in the process behind this deck but I'm not sure where to look in terms of youtube tutorials or other tutorials. I can see you're 80% of the way through setting this up so constituencies can be studied in the same set and I have wanted to do that for a while - I'm interested in memorising constituency name, location and current MP. However I'm new to making complex decks on anki, I use other people's for my own memorisation. I don't understand how your txt and py files work with the image, and the complex card types when you look in the settings for them. I'd be really interested if you could point me in the right direction to trying to figure all this stuff out, as I am going to make this set of con name/loc/MP and if I can build on the stuff you've already done that would be great.

I know python if that helps. It seems like you keep text file dictionaries of name:name and then name:loc and the loc corresponds to a specific fill pattern on the map but I can't figure out the intricacies of it. Would love any pointers. Merry Christmas

Answer 1 · 2021-12-29T21:39:18.000Z

Hi aliflo,

Constituencies

I have actually finished the deck for the constituencies, which I have used myself for memorising locations/names, it does not include the MPs. I'm personally not interested in learning the MPs so I'm unlikely to invest the time to add this.

The deck is a little rough around the edges, which is why I haven't released it formally yet. I've just added a pre-release for the constituency deck that you can have a look at if you like (here).

How did you do this?

The build process is admittedly quite complex for an Anki deck and I haven't really seen other projects out there using an approach like this so you're unlikely to find tutorials for it.

In terms of actually drawing the maps, I basically just downloaded the base maps from Wikipedia and messed around with them in Inkscape without any prior experience, I just played around with it until it looked how I wanted it to. To modify which elements of the SVG are highlighted in the cards I used a bit of CSS and Javascript, again I don't have lots of experience with these technologies, but other programming experience I have helps a lot.

I've done a little write up in a blog post that might provide some more info. I have also explained the build process to some extent in the contribution documentation the diagram is up to date, but the accompanying text may be a bit out of date in places.

I'm currently working on using a proper build system (please) to hopefully make the process a little easier to reason about.

Answer 2 · 2021-12-30T17:51:19.000Z

Hi Callum, Firstly I'd like to thank you for the in depth response. I've taken a look at your constituencies pre-release, the blog post and the contribution documentation. I am stuck on some of the finer elements of the SVG manipulation going on amongst other things (particularly with the flowchart - I understand the overall process but not what is going on at each step, e.g. crowdanki making things into a json). However, I understand a lot more. I see from your contribution guide that you were hopeful for people to contribute to the deck and add stuff. With your permission I'd like to download the material from your constituencies prerelease and add MP information. But I wonder if I could do it 'properly' and contribute to the body of work around what you've started. I'm a maths student with an empty Github so I should start somewhere! I suppose what I'm really asking is do you have the capacity to answer a couple further questions as I try and figure out what's going on with this stuff? If not, don't worry, I'll do it anyway but I probably won't have a deck that serves any needs other than my own at the end of it as I'll just do it the fastest/most convenient way, whereas it might be nice to learn some of the tools and then contribute what I've done at the end. Once again thanks for taking the time.

…

On Wed, Dec 29, 2021 at 9:39 PM Callum Hart ***@***.***> wrote: Hi aliflo, *Constituencies* I have actually finished the deck for the constituencies, which I have used myself for memorising locations/names, it does not include the MPs. I'm personally not interested in learning the MPs so I'm unlikely to invest the time to add this. The deck is a little rough around the edges, which is why I haven't released it formally yet. I've just added a pre-release for the constituency deck that you can have a look at if you like (here <https://github.com/HartBlanc/anki-uk-geography/releases/tag/v3.2.0-alpha> ). *How did you do this?* The build process is admittedly quite complex for an Anki deck and I haven't really seen other projects out there using an approach like this so you're unlikely to find tutorials for it. In terms of actually drawing the maps, I basically just downloaded the base maps from Wikipedia and messed around with them in Inkscape without any prior experience, I just played around with it until it looked how I wanted it to. To modify which elements of the SVG are highlighted in the cards I used a bit of CSS and Javascript, again I don't have lots of experience with these technologies, but other programming experience I have helps a lot. I've done a little write up in a blog post <https://cognoteo.blogspot.com/2021/11/anki-svgs.html> that might provide some more info. I have also explained the build process to some extent in the contribution documentation <https://github.com/HartBlanc/anki-uk-geography/blob/master/CONTRIBUTING.md> the diagram is up to date, but the accompanying text may be a bit out of date in places. I'm currently working on using a proper build system (please) to hopefully make the process a little easier to reason about. — Reply to this email directly, view it on GitHub <#11 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACCFLNSLBCRCQJDHKRLPVBDUTN5ZBANCNFSM5K47MU7A> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you authored the thread.Message ID: ***@***.***>

Answer 3 · 2022-07-18T12:06:39.000Z

Hi Callum,

Did you ever make any progress with this? This summer, I have more free time and I am intending to try and memorise constituencies. Because of my limited knowledge of Anki, my current plan is to just take the 100s of images from Wikipedia/your list and put them in a deck, but I thought I'd ask you - I will probably edit them to add MPs and so I could potentially make an interesting fork of your work and give it wider appeal.

Answer 4 · 2022-07-18T20:49:52.000Z

Hey, I haven't done any work on the constituencies side of things.

Feel free to fork, and take any content from this repo :)

Answer 5 · 2023-07-28T14:52:30.000Z

Hi @HartBlanc, hope you are well. Last month the UK boundary commissions released their 2023 review, which gives constituency boundaries for the next few elections. I'm trying to follow the build process for remaking the constituencies section of the deck. So far, I've:

Taken SHP files from each boundary commission website and aligned field names in QGIS.
Merged into a single SHP and then converted the SHP file into an SVG using https://products.aspose.app/gis/viewer/shp-to-svg.
Reduced line thickness from 1pt to 0.2pt in Inkscape.

So I have a somewhat serviceable SVG which has the metadata for constituency names. I can't share it directly as it's 30MB, but here's a onedrive link where I've hosted it, and an inkscape screenshot.

I'm trying to understand how the original deck colours in sections of the map. It seems to be happening in the card template section here:

What do these codes mean and how did you identify them? My limited knowledge assumption is that these are telling Anki which section of the SVG to highlight in red, where to draw the box, and which bit to colour in. I remember this was where I got stuck last year as well when I tried to do this - I couldn't quite piece together from your documentation how you'd done it.

I read your blog post and the documentation originally linked, which seem to suggest that since my SVG file has labels on all of the constituencies, it should just be a case of creating the CSS styling template. I don't entirely see the need for the Javascript section, but I may well be wrong. I'm probably in the third 'column' of your flowchart here right now.

I appreciate you may not have time to reply to this, but I do feel relatively close to being able to crack the process, I just need to understand this bit with the SVGs, CSVs and card templates, so I thought I'd ask. My half-finished process may also be useful to anyone else who thinks about working on something similar or forking this deck in the future.