breakdown of mvc model

[siddht4]

@beefoo Your project /visualization is really awsome.

So can you provide me with cheatsheet or listing of all your mvc model so that I can refactor it properly without leaving out the important bits and to update to latest d3 v5 . Subsequently also removing jquery, backbone for easier implemantation

[siddht4]

As far as I have checked

jquery , underscore and backbone are essential

d3 is the core (obviously) .

config.js ,helper.js and app.js is to structure the code aka module and controller of your mvc app

transit.show.js is view aka output / viz handler of your mvc app.

util.js is a handler to properly structure DOM handler aka view of your mvc app but not required

Rest are just additional handler for your app

So for a smooth refactoring I would like to get the cheatsheet of your app

I have tried to single the app at my mod

Can you mention which source to be mentioned , this repo or memoryunderground.com page or far better both

[beefoo]

Apologies for the delayed response as I don't get notifications for this repository and its been a while since I touched this code. Not sure if it's still useful, but yes, as you mentioned, d3 is the most important bit for this since it handles the rendering of the SVG lines, circles, and text; the rest can be implemented however else you see fit.

The core logic of how the data is structured and rendered can be found in these two files:
https://github.com/beefoo/memory-underground/blob/master/assets/js/models/transit.js
https://github.com/beefoo/memory-underground/blob/master/assets/js/views/transit.show.js

And a sample data file here:
https://github.com/beefoo/memory-underground/blob/master/data/sample.json

• As you can see here, a transit object has a list of station objects and line objects.
• A line has multiple stations, and a station can be associated for one or more lines.
• The models/transit.js file provides the logic for reading, parsing, and writing the .json file
• The transit.show.js file contains all the logic for rendering the map with D3