Drew Dara-Abrams drewda
drewda
/ gist:1257765
Created
October 2, 2011 18:51
selectively changing d3 elements when Backbone model changes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # note that this function is called whenever a GeoPoint model changes | |
| # Backbone will pass in geo_point, which refers to the changed model | |
| # @geo_points refers to the entire collection of GeoPoint models | |
| # update the bound data | |
| geo_points = @geo_points.reject (gp) => gp.get('markedForDelete') | |
| geoPointMarkers = d3.select('#geo-point-layer').selectAll("g") | |
| .data geo_points, (d) => | |
| d.cid |
drewda
/ gist:1257835
Created
October 2, 2011 19:41
using d3 to draw line segments on a Polymaps map
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| class App.Views.SegmentLayer extends Backbone.View | |
| initialize: -> | |
| @segmentDefaultStrokeWidth = @options.segmentDefaultStrokeWidth | |
| @segmentSelectedStrokeWidth = @options.segmentSelectedStrokeWidth | |
| @segments = @options.segments | |
| @segments.bind 'reset', @change, this | |
| @segments.bind 'change', @change, this | |
| @segments.bind 'add', @change, this |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <div class="row"> | |
| <div class="span4 columns"> | |
| | |
| </div> | |
| <div class="span8 columns"> | |
| <form accept-charset="UTF-8" action="/users/sign_in" class="user_new" id= | |
| "user_new" method="post" name="user_new"> | |
| <div style="margin:0;padding:0;display:inline"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| create_table :groups do |t| | |
| t.string :name | |
| t.string :slug | |
| t.text :description | |
| t.decimal :nw_longitude | |
| t.decimal :nw_latitude | |
| t.decimal :se_longitude | |
| t.decimal :se_latitude | |
| t.integer :owner_user_id | |
| t.timestamps |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' /> | |
| <style> | |
| body { margin:0; padding:0; } | |
| #map { position:absolute; top:0; bottom:0; width:100%; } | |
| .marker-properties { | |
| border-collapse:collapse; |
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
OlderNewer