MarcosHiramRojasSosa

@MarcosHiramRojasSosa·4 public vizzes

relaciones tp7

This visualization embeds an interactive network graph within an iframe, showing relationships between nodes as a force-directed layout. The page loads the graphic directly from an external onodo.org visualization, relying on that platform's rendering engine rather than building the chart locally. The code itself is minimal—only an HTML iframe and a README note—so the underlying mechanics are not visible in the source. The data source is not apparent, but the embedded visualization likely uses JavaScript libraries like D3.js for the physics simulation and rendering, as is common for such relationship diagrams.

Sep 7, 2017

Loading thumbnail…

mapa proyectos 7

This interactive map visualization displays two geographic points as dots on a Mapbox GL map, centered on a specified location in Mexico. Users can draw a circular selection region directly on the map using a custom `circleSelector` component, which uses D3's projection and inverse projection functions to translate between screen coordinates and longitude/latitude. The dots' colors change from teal to pink when they fall within the selection circle, providing immediate visual feedback based on the user's spatial query. The map uses Mapbox GL and D3.js, and renders data from a simple CSV file containing latitude and longitude coordinates.

Aug 31, 2017

Loading thumbnail…

proyecto Jerónimo

This example combines Mapbox GL with D3 to render a small set of geographic points from a CSV file (dots.csv) as circles on an interactive map. A custom circle selector component allows users to click and drag to define a circular region, highlighting all dots that fall within it by changing their fill color. The code uses D3's data join and transitions for animations, alongside Mapbox GL's map projection and viewreset/move events for re-rendering.

Mar 22, 2017

Loading thumbnail…

fresh block

Three points from a CSV file are plotted as glowing cyan dots on an interactive Mapbox map centered on a location in Mexico. The visualization uses Mapbox GL to render the base map and D3.js to overlay an SVG layer, projecting geographic coordinates to screen positions. Each dot animates from a small radius to a larger one using D3 transitions. The dots re-project whenever the map is panned or zoomed, ensuring they remain anchored to their geographic locations.

Mar 22, 2017