Giter Site home page Giter Site logo

Comments (3)

ebeshero avatar ebeshero commented on June 12, 2024

@RJP43 I am not sure from your XSLT where you are doing the work of calling up the appropriate SVG network graph for a particular article, and I haven't seen how you are incorporating PHP yet, so I am not sure where the association of files is happening. However, what you want to do should be do-able, if you can match a string of text in the SVG base-uri() with some part of a title element or base-uri() of the current XML file being processed. You can write a variable that identifies the appropriate SVG file by:

  • locating that matching string using the relevant XPath function--probably contains() or matches(),
  • and then adding around that matching string the literal text of pieces you need for the file path and file extension.

(And you can do that stitch work in XSLT or XQuery--you don't need to switch technologies.)

Since most of my days this week are being totally consumed by the TEI Technical Council and the PHP portion of this is unfamiliar territory, I want to call for backup help on this issue for Becca and Rob! May I ask @djbpitt to look in on this?

from cityslavegirls.

RJP43 avatar RJP43 commented on June 12, 2024

@ebeshero @djbpitt I haven't yet actually called on it in the XSLT. So far the XSLT just takes care of all the other aspects of the text that need to be accounted for. I have not done anything yet to highlight our grammar markup because I was looking for suggestions, but I will give it a shot this evening after I finish a paper. I think I will go ahead and have the table alongside the text again, but I guess I was struggling with how to also have what's in the table be highlighted in correspondence to what's in the article text.

from cityslavegirls.

ebeshero avatar ebeshero commented on June 12, 2024

@RJP43 Okay, you know my thoughts on this, I think. Reduce the text at the top so we can access your interface more quickly. You need some kind of instruction or legend to be visible, but reduce the space of it, and I wouldn't use center alignment in that left-hand div. Try listing out the relevant information and instructions---will a bulleted list work there?

This is really a writing and organization challenge: Concentrate on prioritizing what's most important for your site visitors, and drawing the eye to the parts of the page they can interface with.

Is this a good moment to revisit the concept of multiple audiences for this project site?

  • historians (like Prof. Kimball) who are interested primarily in labor history / women's history / Nell Nelson and don't care about the details of the code
  • scholarly editors interested in your methods of textual scholarship
  • digital humanities people / coders / students interested in learning from your code

I know your use of PHP is to guide people to different views of the Nelson articles based on their interests in
a) your research question: studying the language of possession,
b) learning more about the Chicago neighborhoods where Nelson did her interviews, and
c) comparing versions of texts to see what was dropped.

For a), weren't we discussing an integration of an SVG network graph filtered for each article to appear with the text of the article? In which case, were you going to position the network graph on the page, and balance it with a toggle-able reading view that highlights possessive language in the text? The HTML table might appear, then, beneath the network graph.

I think you might also be able to match the text contents of <g> elements in the SVG output of your network graph with language in the table and text, so you have a three-way JavaScript toggling in play. (You'd need to figure out a way to highlight a selected node in the SVG--maybe by drawing a border around it as we did in our old homework exercise from last fall. Here's how we highlighted by drawing a red border around an SVG element: http://newtfire.org/dh/WSGA_Web.html ) Worth a try?

from cityslavegirls.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.